Color Converter & Contrast Checker
Convert a color between HEX, RGB, HSL and CMYK, get its shades and check WCAG contrast.
Processed in your browserFree
Related tools
- Extract an Image's Color PaletteGet the dominant colors of a photo or logo in HEX and RGB, with their share, and export them as CSS variables.
- QR Code GeneratorCreate a QR code for a link, text, Wi-Fi network or contact card, as PNG or SVG.
- Convert an image (JPG, PNG, WebP)Convert your images to JPG, PNG or WebP, one at a time or in batches, transparency included.
- Read a QR Code from an ImageDecode a QR code from a photo or screenshot, with no app needed: link, Wi-Fi, text, contact.
About this tool
Paste a color in any format (HEX, rgb(), hsl(), CSS name) or pick it with the eyedropper: it is converted to HEX, RGB, HSL and CMYK, expanded into lighter and darker shades plus its complementary color, and its contrast against a background is rated against the WCAG 2.1 criteria (AA, AAA, large text, UI components).
How to use this tool
- 1Enter or pick a color.
- 2Copy the format you need, or a shade.
- 3Enter a background color to check the contrast.
Limits to know
- The CMYK conversion is an approximation with no ICC profile: actual print values depend on the printer.
- Only the most common CSS color names are recognized.
- Files
- No file to import: everything happens on the page.
Privacy and file processing
Your file is processed directly in your browser and is never sent to our servers.
Read our privacy policyFrequently asked questions
They are a mathematical approximation with no ICC profile. The printer converts your colors with their own profile: give them the HEX or RGB value and ask for a proof.
The ratio compares the luminance of the text and the background. The guidelines require at least 4.5:1 for body text (level AA) and 3:1 for large headings; 7:1 corresponds to level AAA.