Your files never leave your device. All processing happens in your browser.
Open the Img Stop Color Converter and type or paste any colour – #ff6600, rgb(255, 102, 0), hsl(24 100% 50%), cmyk(0, 60, 100, 0) or a name like tomato – or use the picker or eyedropper. Every format updates instantly: HEX, RGB, HSL, HSV, CMYK, RGBA, HEX8 and HSLA, each with a copy button, plus CSS snippets and palettes.
About the HEX to RGB Color Converter
The Img Stop Color Converter translates a colour between all the common formats at once. Paste a HEX code from a design file and get RGB for code, HSL for tweaking, HSV for design apps and CMYK as a starting point for print – or type in any of the fields and the others follow.
An opacity slider gives you RGBA, HSLA and 8-digit HEX values. You also see the nearest CSS colour name, Lab values, contrast against white and black, ready-to-copy CSS snippets, and palettes of tints, shades, complementary, analogous, triadic, split-complementary and tetradic colours.
Key features
- All formatsHEX, RGB, HSL, HSV/HSB, CMYK, RGBA, HEX8 and HSLA.
- Type anywhereEdit any field – the others update instantly.
- Picker and eyedropperPick a colour, or grab one from anywhere on screen in supported browsers.
- Colour nameThe nearest CSS named colour, with its difference (ΔE).
- CSS snippetsClick to copy color, background, CSS variable and Tailwind values.
- PalettesTints, shades and colour harmonies, one click to copy.
How to use the HEX to RGB Color Converter
- Enter a colour Type or paste any colour code or name, or use the picker.
- Read the formats See HEX, RGB, HSL, HSV, CMYK and more.
- Copy Use the copy buttons or click a CSS snippet.
- Explore Click palette swatches to copy them; double-click to use one.
HEX to RGB Color Converter at a glance
| Price | Free |
|---|---|
| Formats | HEX, HEX8, RGB, RGBA, HSL, HSLA, HSV, CMYK |
| Extras | Colour name, Lab, contrast, CSS snippets |
| Palettes | Tints, shades, 5 harmonies |
| Eyedropper | In browsers that support it |
| Processing | In your browser |
When to use it
- Convert brand HEX codes to RGB for CSS, apps and video software.
- Get CMYK values as a starting point for print designs.
- Find lighter and darker shades for buttons and hover states.
- Build a colour scheme with complementary and triadic colours.
- Identify the name of a colour from a code.
Tips for the best result
- You can paste values with or without the #, and with commas or spaces.
- CMYK from RGB is an approximation – check with your printer’s colour profile for exact print colours.
- Use HSL to make a colour lighter or darker while keeping its hue.
- The opacity slider adds alpha to RGBA, HSLA and HEX8.
- Check text colours for readability with the Color Contrast Checker.
Frequently asked questions
How do I convert HEX to RGB?
Paste the HEX code (for example #4f46e5) into the Img Stop Color Converter. The RGB value appears instantly – rgb(79, 70, 229) – with a copy button.
How do I convert RGB to HEX?
Type the RGB value into the RGB field, for example 255, 102, 0. The HEX field shows #FF6600.
Is the CMYK value exact for printing?
It is a standard mathematical conversion. Real print colours depend on the paper, ink and colour profile, so use it as a starting point and proof important jobs.
What is HEX8?
An 8-digit HEX code adds two digits for opacity, for example #FF660080 is orange at about 50% opacity.
Can I pick a colour from my screen?
Yes, in browsers that support the EyeDropper API (such as Chrome and Edge on desktop). Click “Pick from screen” and then any pixel.
What is the difference between HSL and HSV?
Both describe hue and saturation; HSL uses lightness (50% is the pure colour), while HSV/HSB uses value or brightness (100% is the pure colour). Design apps often use HSV, CSS uses HSL.
Learn more
- MDN: Image file types – common image formats explained
Made and maintained by the Img Stop team.