HEX ↔ RGB ↔ HSL Color Converter
Convert a color between HEX, RGB and HSL formats instantly. Enter a value in any supported format, view the equivalent values, and copy the result for CSS, dashboards, reports or design work.
Convert Color Values
Enter HEX, RGB or HSL and convert to all three formats.
Color Preview
Converted Values
Convert in Any Direction
Start with HEX, RGB or HSL and convert to the other two formats.
Live Color Preview
Confirm the resulting color visually before copying values into your website, design software or report.
Copy Individual Values
Copy HEX, RGB or HSL with one click, or copy all formats together for documentation and design systems.
How to Use the Color Converter
- Select HEX, RGB or HSL as your input format.
- Enter the color value in the input box.
- Select Convert Color.
- Review the equivalent HEX, RGB and HSL values.
- Copy the format you need.
Common Uses & Real-Life Examples
Convert brand colors for CSS
A designer may receive a HEX brand color but need RGB or HSL values for a stylesheet or design system.
Match dashboard colors
Analysts can convert chart or dashboard colors into the format required by a reporting platform.
Document a color system
Teams can record the same approved color in HEX, RGB and HSL for websites, presentations and visual standards.
Reuse colors across tools
Convert values when moving between web editors, graphics software, presentation tools and code.