DEVELOPER TOOLS
HEX, RGB and HSL Color Converter
Convert a color between HEX, RGB and HSL formats. See a live preview, validate the input and copy the format you need.
Enter a color to see its HEX, RGB and HSL values.
Converts opaque colors locally in your browser. No values are uploaded.
How to convert color values
Choose the input format and enter a HEX color such as #3498db, an RGB value such as rgb(52, 152, 219), or an HSL value such as hsl(204, 70%, 53%). The tool displays the equivalent values and a color preview. Short three-digit HEX values are supported too.
What do HEX, RGB and HSL mean?
HEX writes red, green and blue channel values in hexadecimal. RGB specifies those channels as decimal values from 0 to 255. HSL describes hue in degrees and saturation and lightness as percentages. This converter handles opaque colors; alpha and transparency values are not supported.
Format source data with the JSON Formatter, or convert text casing with the Text Case Converter.