Color Converter

Convert colors between HEX, RGB and HSL, explore shades and check WCAG contrast ratios.

Shades

Color (HEX, rgb() or hsl())

HEX

RGB

HSL

WCAG contrast

Aaon white

Aaon black

About this tool

Type a color in any of the three formats or use the picker — the other values update instantly. Three-digit HEX such as #0bd is expanded automatically.

The contrast ratio follows the WCAG 2 formula. AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1.

Good to know

Click a shade to use it; shades keep the hue and saturation and vary the lightness from 10% to 90%.
Alpha values are accepted in rgb()/hsl() notation but ignored in the results.