HEX / RGB / HSL Color Converter: a practical guide
Convert a solid HEX or RGB color into HEX, RGB, and HSL values.
Open HEX / RGB / HSL Color ConverterWhen this is useful
A single visual color can be expressed in several useful forms. HEX is compact in stylesheets, RGB shows the red, green, and blue channel values, and HSL makes hue, saturation, and lightness easier to inspect. These representations describe a color within a particular color space.
A reliable workflow
Enter a three- or six-digit HEX value, with or without #, or integer rgb(r, g, b). The result expands shorthand to six digits, returns RGB channels from 0 to 255, and calculates an HSL representation. A swatch lets you check whether you entered the expected color before copying.
Example input: #d3f56b
What to check before you finish
This tool operates on opaque sRGB colors. It does not parse CSS names, percentages, alpha channels, modern space-separated syntax, or wide-gamut spaces such as Display P3. HSL values are rounded for readability, so use the HEX value when you need an exact round-trip of the input channels.
Keep the next step simple
Open the HEX / RGB / HSL Color Converter above to try the workflow. Your input is processed in your browser, without an account or file uploads. The related tools below can help with the next step; check the output before publishing it or adding it to a production system.