Pick colors and convert between HEX, RGB, and HSL. Generate color harmonies and shade variations.
Format Conversions Color Harmonies Shades & Tints One-Click Copy
R
G
B
H°
S%
L%
#3B82F6
rgb(59, 130, 246)
rgba(59, 130, 246, 1)
hsl(217, 91%, 60%)
hsla(217, 91%, 60%, 1)
Complementary
Analogous
Triadic
Shade Variations
Color Tools
Everything you need to find the perfect color.
Format Conversions
Convert instantly between HEX, RGB, HSL, and more CSS color formats.
Color Harmonies
Generate complementary, analogous, and triadic color schemes instantly.
Shades & Tints
Explore lighter and darker shade variations of your chosen color base.
One-Click Copy
Copy the CSS color values to your clipboard with a single click.
Frequently Asked Questions
Find answers to the most common questions.
We support HEX, RGB, RGBA, HSL, and HSLA color formats. Enter in any format and see instant conversions to all others.
Color harmonies are combinations of colors that look pleasing together. Complementary colors are opposite on the color wheel. Analogous colors are adjacent. Triadic colors form a triangle.
Shades are created by adjusting the lightness value in HSL. We generate 9 variations from dark to light, keeping the same hue and saturation.
Yes! Click any color swatch or use the copy buttons to copy color values to your clipboard in any format.
Yes, completely free with no limits. Everything runs in your browser with no data sent to servers.