Color Converter & Contrast Checker
HEX, RGB, HSL converter with WCAG contrast · free, no signup
WCAG contrast checker
Free Color Converter & WCAG 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.
All formats at once
HEX, RGB, HSL and CMYK together.
Visual picker
Choose a color and see the values update.
Contrast ratio
Instant WCAG AA and AAA pass or fail.
One-click copy
Copy any value as CSS.
How to use it
- Enter a color or use the picker.
- Copy the format you need.
- Enter a background color to test contrast.
- Adjust until the pair passes AA or AAA.
Frequently asked questions
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.