Administration and development

Color Converter

Convert a color between HEX, RGB, and HSL and check the contrast with white and black.

Color (HEX, RGB or HSL)

Pick

What does this mean?

HEX (#FF8A3D) and RGB (rgb(255, 138, 61)) describe the same color as quantities of red, green and blue. HSL (hsl(24, 100%, 62%)) describes it as hue, saturation and lightness, useful for making a color slightly lighter or darker.

The contrast determines whether text is readable. According to the accessibility guidelines (WCAG), a ratio of 4.5 : 1 is the minimum for normal text (level AA) and 7 : 1 for the highest level (AAA).