Color Converter & Accessibility Checker
A tool for converting between HEX, RGB, HSL, HSV, and CMYK color codes and copying them, with color picker support. It also calculates contrast ratios based on WCAG 2.1 and shows AA/AAA pass/fail results with sample text.
Color code conversion
Contrast ratio check (WCAG 2.1)
Sample text display Sample Text
Contrast ratio: 21.00 : 1
How to use
- Click the color picker, or enter a value in the HEX, RGB, HSL, HSV, or CMYK field, and it's automatically converted to all the other formats.
- Use the copy button next to each field to copy that format's value to the clipboard.
- In the "Contrast Ratio Check" section, specify a text color and background color to see the WCAG 2.1 contrast ratio and AA/AAA pass/fail results alongside sample text.
About this tool
This tool converts between the five major color notations — HEX, RGB, HSL, HSV, and CMYK. It's useful for converting between the notation used by a design tool and a code editor, or checking CMYK values for print.
The contrast ratio checker calculates the contrast ratio between two colors based on the formula defined in WCAG (Web Content Accessibility Guidelines) 2.1. You can see pass/fail results at a glance for both the AA level (4.5:1 for normal text, 3:1 for large text) and the AAA level (7:1 for normal text, 4.5:1 for large text).
It's handy for quickly checking, before implementation, whether a text and background color combination on a website or app is readable for users with visual impairments.
Frequently asked questions
What's the difference between the AA and AAA levels?
AA is WCAG's standard conformance level, and the target for most websites. AAA is a stricter level requiring higher contrast. It's sometimes referenced when high accessibility is required, such as for government sites.
What size counts as "large text"?
WCAG defines "large text" as regular text at 18 points (about 24px) or larger, or bold text at 14 points (about 18.66px) or larger, and applies a slightly relaxed standard to it.
Can the CMYK conversion be used as-is for printing?
This tool's CMYK conversion is a generic, device-independent mathematical conversion — it doesn't account for the characteristics of actual printers or inks. For printing where accurate color reproduction matters, we recommend checking against a color profile provided by your print vendor.
Is my color information sent to a server?
No. Color conversion and contrast ratio calculation all happen with JavaScript in your browser.