Color Converter

Enter a color in any format to get HEX, RGB and HSL plus WCAG contrast ratios.

Free · Runs in your browser · Your text is never uploaded

A color swatch shown in HEX, RGB and HSL formats

Color formats

  • HEX (#1a73e8): red, green and blue as two hex digits each; #fff is shorthand for #ffffff.
  • RGB (rgb(26, 115, 232)): red, green and blue from 0 to 255.
  • HSL (hsl(214, 82%, 51%)): hue (0–360°), saturation and lightness, which makes it easy to create lighter or darker shades.

Contrast and accessibility

WCAG asks for a contrast ratio of at least 4.5:1 for normal text (AA) and 3:1 for large text. The ratios shown compare your color with white and black, so you can see which text color is readable on it.

Frequently asked questions

How do I convert HEX to RGB?

Enter the HEX value. Each pair of digits is converted to a number from 0 to 255 and shown as rgb(r, g, b).

What contrast ratio is needed for accessible text?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1.

Does it accept color names?

Yes, a set of common names such as red, navy, coral and teal.

Why do HSL values differ slightly between tools?

HSL is rounded to whole numbers, and tiny rounding differences can appear when converting back and forth.

Related tools