Colour converter (HEX, RGB, HSL)

HEX, RGB and HSL

HEX (#0F6E56) is the compact form used in CSS and design tools. RGB expresses the same colour as red, green and blue values from 0 to 255. HSL describes hue (0–360°), saturation and lightness, which is easier for making lighter or darker variants of a brand colour. All three describe the same colour; this tool keeps them in sync as you edit any one.

Contrast hint

The text suggestion uses relative luminance: colours above 0.4 take dark text, below it white text, which keeps you on the right side of WCAG contrast for buttons and badges.

Frequently asked questions