Color Picker
Pick colors and convert between formats
#
Quick palette
Tailwind class
bg-[#8B5CF6]CSS variable
--color: #8B5CF6;Quick steps
1
Click the swatch
Tap the big color block to open your system color picker.
2
Or paste a HEX
Type or paste a hex code (with or without #). Updates in real time.
3
Copy any format
Click any output to copy. Includes HEX, RGB, HSL, HSV, CMYK and Tailwind / CSS snippets.
Frequently asked questions
Which color format should I use?
HEX and RGB for web. CMYK for print. HSL/HSV for picking colors with your eye (changing hue/saturation independently).
Why is the CMYK preview slightly different?
CMYK is a print color space and screens use RGB. Conversions between them are approximations and the printed result depends on inks and paper.