Toolbox

Color Converter

Convert colors between HEX, RGB, HSL, HSV and CMYK, with contrast checks.

  • Free, no sign-up
  • Files stay on your device
  • Works offline
Loading tool…

How to use the Color Converter

  1. 1

    Enter a color as HEX, rgb() or hsl(), or pick one with the color picker.

  2. 2

    See it converted to HEX, RGB, HSL, HSV, CMYK and a CSS variable.

  3. 3

    Click a tint or shade to explore lighter and darker versions.

  4. 4

    Check the contrast ratio against white and black text, then copy what you need.

Frequently asked questions

Everything you need to know about the Color Converter.

What color formats can I enter?

3, 4, 6 or 8 digit HEX (with or without #), rgb()/rgba() and hsl()/hsla(), in both comma and space-separated syntax.

What do the AA and AAA badges mean?

They are WCAG accessibility levels. Normal text needs a contrast ratio of at least 4.5:1 for AA and 7:1 for AAA. Large text needs 3:1 for AA.

Is the CMYK value print-accurate?

It's a mathematical conversion from RGB. For exact print colors, use the ICC color profile your printer provides.