Color Converter Tool
Web browsers, design tools and style guides often express the same colour in different formats. Enter a HEX, RGB or HSL value to convert it into the other formats.
Contrast against common backgrounds
White:
Black:
Contrast ratios use the WCAG relative-luminance formula. Check text size and the applicable WCAG criterion before deciding whether a combination passes.
The result includes a live preview, copyable HEX, RGB and HSL values, and an estimated CMYK conversion. It also calculates contrast against black and white using the WCAG relative-luminance formula.
Supported input
The converter accepts three- and six-digit HEX values, integer RGB values from 0 to 255, and HSL values with percentage saturation and lightness.
CMYK requires context
Screens display colour with RGB light. Printers combine inks through CMYK. The CMYK figure provided here is a mathematical estimate, not a printer or paper colour profile. Use a colour-managed print workflow when printed accuracy matters.
Contrast ratios
A contrast ratio alone does not determine whether every use passes WCAG. Text size, font weight and the applicable success criterion also matter.
Privacy
The conversion happens in your browser. The plugin does not submit or store the colour.
Frequently Asked Questions
What is the difference between HEX and RGB?
They describe the same screen colour using different notation. HEX uses hexadecimal pairs, while RGB lists red, green and blue values from 0 to 255.
What is HSL?
HSL describes hue as an angle and saturation and lightness as percentages. It can make related colour adjustments easier to reason about.
Can I enter shorthand HEX?
Yes. A value such as #3A7 expands to #33AA77.
Does the converter support transparency?
No. This version converts opaque colours and does not accept alpha values.
Is the CMYK result suitable for professional printing?
Treat it as an estimate. A professional print conversion depends on the press, ink, paper and colour profile.
How are contrast ratios calculated?
The tool uses the WCAG relative-luminance formula and compares the selected colour with pure black and pure white.
Does the tool store my colour?
No. It runs in the browser.