Color Picker & Converter
Pick a color with the color wheel, drag the hue bar, or type your HEX/RGB/HSL value, and instantly get its representation in every format, with a live preview.
Pick a color
Selected color
#3B82F6
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)CMYK
cmyk(76%, 47%, 0%, 4%)Complementary#F6AF3C
Related tools
Frequently asked questions
Which format should I use in CSS?+
HEX and RGB are the most used. HSL is easier to read and tweak. CMYK is specific to print.