HEX ↔ RGB Converter
Convert a colour between HEX, RGB, HSL and CMYK. Use the picker or type any value and see the others update instantly, with a live swatch and one-click copy on every field.
How to use hex ↔ rgb converter
- Choose a colour
Use the colour picker or type a HEX, RGB, HSL or CMYK value.
- See all formats
The other formats update automatically to match.
- Copy what you need
Click Copy next to any field to grab it for your CSS, design tool or print file.
Features
Convert freely between HEX, RGB, HSL and CMYK.
A large preview shows the exact colour as you type.
Edit any field and the rest recalculate instantly.
Every field has its own Copy button — no need to select text manually.
Supported formats and limitations
Text and structured input supported by this tool.
Use cases include personal workflows, content preparation, and quick checks. Review output before relying on it for legal, financial, accessibility, or production decisions.
Frequently asked questions
What's the difference between RGB and HSL?
RGB mixes red, green and blue channels. HSL describes hue, saturation and lightness, which many people find easier to tweak.
Can I use 3-digit HEX codes?
Yes — shorthand like #0c8 is expanded automatically to its 6-digit form.
When would I use CMYK instead of RGB or HEX?
CMYK (cyan, magenta, yellow, key/black) is the ink-mixing model used for print. Use HEX/RGB/HSL for screens and CSS, and convert to CMYK when preparing artwork for a print shop — though for exact print matching, always confirm against your printer's actual colour profile.
Does it support alpha/transparency?
This converter focuses on solid colours across HEX, RGB, HSL and CMYK. For transparency, add an alpha value in your CSS.