Colour Converter
Convert between every colour notation CSS understands.
Runs entirely in your browser — your data is never uploaded to any server.
How it works
- Enter a colourHEX, RGB, HSL or a CSS colour name.
- We convert itEvery other notation, plus contrast grades.
- Copy what you needEach value has its own copy button.
What this tool does
- Accepts HEX (3, 4, 6 and 8 digit), RGB, RGBA, HSL, HSLA and CSS names
- Outputs HEX, RGB, HSL, HSV and the nearest named colour
- WCAG contrast ratio against white and black, with the pass grade
- Alpha channel supported throughout
Frequently Asked Questions
WCAG AA needs 4.5:1 for body text and 3:1 for large text; AAA needs 7:1. The ratios shown tell you whether white or black text is legible on this colour.
It matches how most colour pickers are laid out, so it is often the easiest space to adjust a colour by hand.
There are only 148 named colours. The name shown is the closest one, with its distance — it is a landmark, not an equivalent.
Yes. Set the alpha and you get 8-digit HEX and rgba/hsla forms.
Privacy and security
Your input is processed by JavaScript running inside your browser. Nothing you paste is sent over the network, logged, or stored — which is what makes this safe to use with production data. If you want to check this yourself: open your browser’s developer tools, switch to the Network tab, and use the tool — you will see no request carrying your file or input leave the page.