Try the Color Converter & Contrast Checker
Convert colors between HEX, RGB, HSL and CMYK, pick a color visually and check WCAG contrast between text and background.
- Free to use
- No signup
- Nothing to install
- Runs in your browser
HEX #4f46e5 RGB rgb(79, 70, 229) HSL hsl(243, 75%, 59%) CMYK cmyk(66%, 69%, 0%, 10%)Open the Color Converter & Contrast Checker
Illustration. Open the tool for the real thing.
What is the Color Converter & Contrast Checker?
Designers and developers constantly move between color formats. Paste a HEX, RGB or HSL value, or use the picker, and see every format instantly, ready to copy into CSS.
The contrast checker compares a text color with a background color and reports the WCAG ratio, telling you whether the pair passes AA and AAA accessibility levels for normal and large text.
3 steps to your result
Open the tool and follow along. Nothing to install.
What you get
HEX, RGB, HSL and CMYK together.
Choose a color and see the values update.
Instant WCAG AA and AAA pass or fail.
Copy any value as CSS.
AZRS tools are free to open and use.
It opens in your browser, so there is nothing to download.
Used for
Pick one to see how it fits.
How it compares
A plain look at this tool next to the usual alternative.
| This utility | Desktop software | |
|---|---|---|
| Install | Nothing to install | Usually an app or program to install |
| Account | No signup | Depends on the product |
| Cost | Free to use | Free or paid, depends on the product |
| Where it runs | In your browser tab | On your computer |
Questions people ask
How do I convert HEX to RGB?
Split the six hex digits into three pairs and convert each from base 16 to decimal. This tool does it instantly.
What contrast ratio is required?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1.
What is HSL?
Hue, saturation and lightness. It describes color in a way that is easier to adjust than RGB.
Is CMYK exact?
The CMYK value is a simple mathematical conversion. Print colors depend on the printer profile.
What is the difference between HEX and RGB?
They describe the same colour: HEX uses base-16 numbers, RGB uses decimal 0–255 for red, green and blue.
More free tools
Related to the Color Converter & Contrast Checker.
Try the Color Converter & Contrast Checker now
HEX, RGB, HSL converter with WCAG contrast. Free to use.
Try it free