Color Converter

This tool supports the most common color formats including:

• Hexadecimal (HEX): #RRGGBB or #RGB
• RGB: rgb(R, G, B)
• HSL: hsl(H, S%, L%)
• HWB: hwb(H W% B%)
• CMYK: device-cmyk(C% M% Y% K%)
• LCH: lch(L% C H)
• CSS Color Keywords: red, blue, etc.

Color contrast is the difference in luminance between two colors. It's important for accessibility as sufficient contrast ensures that text is readable for all users, including those with visual impairments. The WCAG guidelines recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Different color models represent colors in different ways:

• RGB defines color by mixing red, green, and blue light.
• HSL (Hue, Saturation, Lightness) is more intuitive as it separates color (hue) from its intensity (saturation) and brightness (lightness).
• HWB (Hue, Whiteness, Blackness) is similar to HSL but uses white and black mixing instead.
• CMYK is used in printing and defines colors by cyan, magenta, yellow, and black ink mixtures.
• LCH (Lightness, Chroma, Hue) is designed to be perceptually uniform, meaning the visual difference between colors corresponds to their numerical difference.