Colour formats will appear here
Paste a HEX, RGB or HSL value to see all three.
Paste a colour in any common notation and get the other formats instantly.
How it works
For CSS, design handoff and brand guidelines.
HEX with or without the hash, rgb() or hsl() — the format is detected for you.
All three notations are shown next to a swatch of the actual colour.
Click any line to copy it.
More free browser tools on Nano Banana Lab.
Because it is readable: hue, saturation and lightness. Making a colour lighter means changing one number instead of guessing three.
Red, green and blue, each from 00 to FF. A three-character HEX is the same thing with each pair doubled.
The alpha channel is not converted here — the tool works with the solid colour.
No. The conversion is arithmetic done in your browser.