Color Converter

HEX Color Code

Click a shade to load it:

Color Values

—

HEX—

RGB—

HSL—

CMYK—

CSS Name—

Brightness

—

Luminance

—

Complementary

—

Contrast on White

—

Color Formats

HEX (#RRGGBB) is used in HTML/CSS web design. RGB (Red, Green, Blue) is used in digital displays, each channel 0–255. HSL (Hue 0–360°, Saturation 0–100%, Lightness 0–100%) is more intuitive for designers. CMYK (Cyan, Magenta, Yellow, Key/Black) is used for print.

Web Accessibility

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced accessibility (AAA). The calculator shows your color's contrast ratio against a white background — essential for readable web design.

Choosing Colors

Use HSL to systematically adjust colors: change hue for color relationships, saturation for vibrancy, and lightness for shade variations. A monochromatic palette uses the same hue at different lightness values — easy to implement and always cohesive.