Color Converter

Convert colors between HEX, RGB, and HSL formats with WCAG contrast ratio calculator.

Input Color

Color Picker

Manual Input (HEX, RGB, or HSL)

Hexadecimal

#ff5733

RGB

rgb(255, 87, 51)

HSL

hsl(11, 100%, 60%)

Foreground Color

Background Color

Sample Text

This is how your text will look with these colors.

Contrast Ratio: 3.15:1

WCAG AA

✗ Normal Text (4.5:1)

✓ Large Text (3:1)

WCAG AAA

✗ Normal Text (7:1)

✗ Large Text (4.5:1)

HEX: Hexadecimal color format (#RRGGBB). Commonly used in web development.

RGB: Red, Green, Blue values (0-255). rgb(255, 87, 51)

HSL: Hue (0-360), Saturation (0-100%), Lightness (0-100%). More intuitive for humans.

WCAG Contrast: Measures readability. AA is minimum for accessibility, AAA is enhanced. Large text has lower requirements (18pt+ or 14pt+ bold).