imagetools.to
← All Tools
🎨

HEX ↔ RGB Converter

Convert HEX → RGB and RGB → HEX instantly — also HSL & CSS output

HEX → RGB
Enter a HEX colour code to get RGB values
RGB rgb(124, 106, 245)
R / G / B 124, 106, 245
HSL hsl(249, 87%, 69%)
CSS color: #7c6af5;
RGB → HEX
Enter RGB values (0–255) to get HEX code
R (Red)
G (Green)
B (Blue)
HEX #7c6af5
HSL hsl(249, 87%, 69%)
CSS color: #7c6af5;
Colour Preview
Aa
On white
Aa
On dark

Free HEX to RGB Converter & RGB to HEX Converter

Convert colour codes instantly between HEX, RGB and HSL formats. Essential for web designers and developers who need to translate colours between design tools and CSS code.

HEX vs RGB — What’s the Difference?

HEX (hexadecimal) colour codes like #7c6af5 are the most common format in CSS and HTML. They represent red, green and blue values as pairs of hexadecimal digits. RGB format like rgb(124, 106, 245) expresses the same values as decimal numbers from 0 to 255. Both describe exactly the same colour — the format just differs.

HSL Format

HSL (Hue, Saturation, Lightness) is a more intuitive way to describe colours. Hue is the colour angle on the colour wheel (0–360°), saturation controls how vivid the colour is (0–100%), and lightness controls how light or dark it is (0–100%). HSL is widely supported in CSS and makes it easy to create colour variations.