HEX / RGB / HSL Converter
Convert between color formats instantly
Files never stored
What is this tool?
Converts a color between HEX, RGB, and HSL formats, since different design tools and code contexts expect different color formats.
How to use it
Enter a color in any supported format, and its equivalent values in the other formats are displayed automatically.
HSL is often the easiest format to work with when you want to tweak a color's lightness or saturation without changing its underlying hue — adjust one HSL value and convert back to hex when you're happy with it.
Watch: HEX / RGB / HSL Converter in Action
Watch on YouTubePlays on YouTube (counts toward our @freedailypro channel).
Part of: Building a Basic CSS Design System
Next: Gradient Generator
Build any gradients you'll reuse
Frequently asked questions
More from Design & Color: