Color Converter
Convert colors between HEX, RGB and HSL with a live preview.
How to use the Color Converter
-
Enter a color in any format, or pick one.
-
See the equivalent HEX, RGB and HSL.
-
Copy the format you need.
Convert HEX, RGB and HSL colors
Designers and developers juggle several color formats: HEX for CSS, RGB for canvas and images, and HSL for intuitive hue/saturation/lightness tweaks. This converter keeps all three in sync from a single color and shows a live preview, so you can copy whichever format your code needs.
Key features
- Two-way HEX ↔ RGB ↔ HSL conversion
- Live color-swatch preview
- Color picker input
- Copy any format instantly
Frequently asked questions
What's the benefit of HSL?
HSL (hue, saturation, lightness) makes it intuitive to lighten, darken or shift a color without guesswork.
Does it support alpha/transparency?
It focuses on solid colors in HEX, RGB and HSL; add alpha in your CSS using rgba()/hsla() as needed.
Can I use a color picker?
Yes — pick a color visually and instantly get its HEX, RGB and HSL values.