Everyday
🎨 Color Converter
HEX, RGB and HSL in one place
Loading interactive color converter…
About the Color Converter
Convert any color between HEX, RGB and HSL formats: the three notations designers and developers actually use day to day.
Copy a value straight into CSS, Figma or your design tool without manual conversion.
How it works
- Enter a color in any supported format.
- Read the matching values in the other formats.
- Click to copy whichever you need.
What you'll learn
- How HEX, RGB and HSL describe the same color.
- When HSL is easier to reason about than RGB.
FAQs
- What does HSL mean?
- Hue, saturation and lightness. It is often easier to tweak than RGB because the channels match how we describe color in words.