Color Picker
Pick any color and get its values in multiple formats.
#6366f1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)
Shades
Lighter
Darker
Color Harmonies
Complementary
Analogous
Triadic
CSS Variables
--color-primary: #6366f1; --color-primary-rgb: 99, 102, 241; --color-primary-hsl: 239, 84%, 67%;
How to use
Use the color picker or enter a color value to convert.