Converters · Free
Color Converter (HEX, RGB, HSL)
Convert colours between HEX, RGB and HSL, pick one visually, and check its WCAG contrast ratio against white and black text.
- HEX
- RGB
- HSL
- Contrast on white
- Contrast on black
About this tool
Paste a colour in any common CSS format — #0f766e, #f80, rgb(15, 118, 110), rgba(255 0 0 / 50%), hsl(175 77% 26%) — or choose one with the picker, and get the same colour in HEX, RGB and HSL, ready to copy into a stylesheet. Transparency is kept in every format.
The tool also shows the colour's contrast ratio against white and against black, graded against the WCAG 2 accessibility guidelines: 4.5:1 or more passes AA for normal text, 7:1 passes AAA, and 3:1 is the minimum for large text. It is a quick way to check whether a brand colour works for buttons and body text.
Everything is calculated in your browser.
More free tools: see the whole hub → · Looking for paid software instead? Browse every directory →
Last updated · How we research and update