Pick any color and instantly get HEX, RGB, HSL, CMYK values. Generate tints, shades, and complementary color
palettes.
🎨 Pick Color
#5B4FE9
Red91
Green79
Blue233
⌨️ Enter HEX
🌈 Color Presets
📋 Color Values (click to copy)
HEX
#5B4FE9
RGB
rgb(91,79,233)
HSL
hsl(245,79%,61%)
CMYK
cmyk(61,66,0,9)
HSV
hsv(245,66%,91%)
RGBA
rgba(91,79,233,1)
🌗 Tints & Shades
Tints (lighter)
Shades (darker)
🎵 Color Harmonies
Complementary
Triadic
Analogous
Frequently Asked Questions
How do I pick a color?
Click the color picker box or use the RGB sliders to select any color. You can also
type a HEX code directly (e.g., #FF6B6B) or click any color preset to jump to that color instantly.
What is the difference between HEX, RGB, and HSL?
HEX (#RRGGBB) is used in web design and CSS. RGB (Red, Green, Blue, 0–255) is used in
digital design. HSL (Hue, Saturation, Lightness) is intuitive for designers. CMYK is used for print
design.
What are tints and shades?
Tints are lighter versions of a color (white added). Shades are darker versions
(black added). Click any tint or shade to select it as your main color. These help you build a
consistent color palette.
What are complementary and triadic colors?
Complementary colors are opposite on the color wheel - they create high contrast and
vibrant looks. Triadic colors are 3 evenly spaced colors on the wheel - great for balanced, colorful
designs. Analogous colors sit next to each other for a harmonious feel.
How do I copy a color value?
Click on any color value card (HEX, RGB, HSL, CMYK, HSV, or RGBA) and it will be
instantly copied to your clipboard. A toast notification will confirm the copy.