Zest.
Search

Colour converter

Enter a colour in HEX, RGB or HSL and get the other two. Zest also shows the contrast ratio against white and black text, so you can tell at a glance whether text on it meets WCAG accessibility guidelines (4.5:1 for normal text).

Color
#e0262f
rgb(224, 38, 47)
hsl(357, 75%, 51%)

Contrast: 4.68:1 with white text (AA), 4.49:1 with black text (AA large text only).

How to use it

  1. Type a colour such as #e0262f.
  2. Copy HEX, RGB or HSL.
  3. Check the contrast notes before using it for text.

This tool is also built into Zest search, so you can type your question into the search box and get the same answer above the results.

Common questions

What contrast ratio is enough?
WCAG AA asks for 4.5:1 for normal text and 3:1 for large text. AAA asks for 7:1 and 4.5:1.
What is the difference between RGB and HSL?
RGB mixes red, green and blue light. HSL describes hue, saturation and lightness, which is easier to adjust by eye.