Holly Films logoHolly Films.

Free Tool

Color Converter

Convert colors between HEX, RGB and HSL formats. Get a live preview, CSS-ready values and a full shade palette — all in your browser.

#E8341A

rgb(232, 52, 26)

hsl(9, 83%, 50%)

CSS Values

HEX

#E8341A

RGB

rgb(232, 52, 26)

HSL

hsl(9, 83%, 50%)

CSS var

--color: #E8341A;

Shades

10%#2E0A05
20%#5D1409
30%#8B1E0E
40%#BA2912
50%#E83317
60%#ED5C45
70%#F18474
80%#F6ADA2
90%#FAD6D1

Quick presets

HEX, RGB and HSL — what's the difference?

HEX is a six-digit hexadecimal representation used in web design and CSS (e.g. #E8341A). It's the most common format in design tools like Figma and Adobe XD.

RGB represents colors by mixing Red, Green and Blue channels (0–255 each). It's the format used by screens and is widely supported in CSS.

HSL stands for Hue, Saturation and Lightness — it's the most intuitive format for humans to understand and manipulate. Adjusting lightness is straightforward and makes generating consistent colour palettes much easier.