Color Converter
Type or paste a color in any format, like a HEX code, rgb(), hsl(), or a CSS name such as teal, and copy it in every other format. You’ll also see whether text on it is readable, and lighter and darker versions to build a palette.
Try , , , or .
WCAG asks for 4.5:1 for normal text (AA) and 3:1 for large text; 7:1 is the stricter AAA level.
HEX (#14bdee) is the most common on the web. RGB describes the same color as amounts of red, green, and blue from 0 to 255. HSL uses hue, saturation, and lightness, which makes it easy to adjust: change only the lightness to get a lighter or darker version.
OKLCH is the newest CSS format. Its lightness matches how bright colors actually look to people, so colors with the same lightness feel equally bright, which plain HSL doesn't do. CMYK is for print, but screens and printers show color differently, so treat it as a starting point and check a printed proof.
Contrast matters for everyone, not just people with low vision: low-contrast text is hard to read in sunlight and on cheap screens. Everything here runs in your browser.
