HEX ↔ RGB
Instant color format convert
What is HEX ↔ RGB?
Two-way live conversion between HEX, CSS rgb(), CSS hsl(), and raw HSL numbers — with an integrated native colour picker and per-channel sliders. Paste a hex code from a design file, get rgb() for CSS that needs an alpha channel, or sample by eye via the native picker.
How do I use HEX ↔ RGB?
- Type or paste a colour in any format.
- All other formats update live.
- Adjust sliders for fine-tuning, then copy the value you need.
When should I use HEX ↔ RGB?
HEX ↔ RGB is the simplest colour-format tool. For a richer UI with native colour picker focus, use Color Picker. To build a gradient (multi-stop), use Gradient Generator.
What does a HEX code represent?
Six hex digits: red, green, blue. FF0000 is pure red (R=255, G=0, B=0); 00FF00 is pure green; 0000FF is pure blue. A fourth pair encodes alpha (e.g. FF000080 is 50% transparent red).
Why do some hex codes have only 3 digits?
Shorthand syntax: #F00 expands to #FF0000 automatically. CSS supports it; it is convenient but only reachable for 4,096 of the 16.8 million colours.
Can I copy the value in CSS format?
Yes — the tool outputs rgb(255, 0, 0) and rgba(255, 0, 0, 0.5) alongside HEX, ready to paste into any stylesheet.
Is my file uploaded anywhere?
No. Everything runs in your browser. Your files never leave your device, and there is no server component for this tool.