Color Picker & Converter
Pick a color or type a value to convert between HEX, RGB, HSL and CMYK. Get matching palettes, shades and a text-contrast check.
Color Picker
How to use the Color Picker
- Pick a color with the swatch or type a HEX, RGB or HSL value.
- Press "Get color details".
- Copy the format you need and explore the palettes below.
About this tool
Designers and developers move between color formats all the time: HEX in CSS, RGB in screens and design tools, HSL when adjusting lightness, and CMYK for print. This tool converts between all of them from one input.
It also builds complementary, analogous and triadic harmonies plus lighter and darker shades of your color. The contrast section applies the WCAG formula and tells you whether white or black text meets the AA level (4.5:1) on your color, which matters for accessibility and readable buttons.
Frequently asked questions
How do I convert HEX to RGB?
Split the HEX code into three pairs and convert each from base 16 to decimal. For example #0d8a8a is rgb(13, 138, 138). The tool does it for you.
What is the WCAG AA contrast ratio?
Normal text should have a contrast ratio of at least 4.5:1 with its background. Large text needs 3:1.
Are CMYK values exact for print?
They are a mathematical conversion. Real print results depend on the printer and color profile.