Move a color between tools
Convert a HEX value from a design reference into RGB or HSL for a stylesheet or other interface. Copy the representation the destination accepts and keep its color-space expectations in mind.
Color converter
Convert HEX colors to RGB and HSL.
- ✓ Expand shorthand HEX
- ✓ Get RGB and HSL values
- ✓ Preview the opaque color
Processed on your device
Translate a HEX color into readable CSS values
Translate a color between the most common CSS representations. Preview the color while preparing values for a design or stylesheet.
Understand a design value
Use the preview and HSL output to inspect a color's hue, saturation, and lightness. This is a representation conversion, not an accessibility assessment or a guarantee that the color will appear identically on every display.
Get the best result
This tool handles opaque sRGB colors. Alpha transparency and wide-gamut color spaces are not included.
A practical example
Starting point
#09f
Expected result
#0099FF, rgb(0, 153, 255), and hsl(204, 100%, 50%).
Three-digit HEX expands each digit before conversion. RGB channels are shown as integers; HSL values are rounded to whole numbers.
Troubleshooting and useful checks
The color is rejected
Enter three or six hexadecimal digits, optionally beginning with #. Named colors, alpha HEX values, and CSS rgb() or hsl() strings are not accepted as input on this page.
The color looks different elsewhere
Display calibration, surrounding colors, and application color management can affect appearance. The tool handles opaque sRGB values rather than wide-gamut or print color profiles.
Frequently asked questions
A little clarity before you get started.
Can I enter shorthand HEX?
Yes. #09f is expanded to #0099ff.
Can I enter a three-digit HEX color?
Yes. Each digit is duplicated, so #abc expands to #aabbcc before RGB and HSL are calculated.
Does this support transparent colors?
No. Input is limited to three- or six-digit opaque HEX colors. Four- and eight-digit HEX values with an alpha channel are not supported.
Can I convert RGB or HSL back into HEX?
This page currently accepts HEX input and produces HEX, RGB, and HSL output. It does not provide separate RGB or HSL input controls.
Does the preview tell me whether text is accessible?
No. A color preview alone does not measure contrast against a background. You need to evaluate a foreground/background pair and its intended use separately.
Do I need an account to use this tool?
No. This tool is free to use without signing in. An account lets you keep a list of favorite tools.
Can I use this on a phone?
Yes, with a current browser. File support, download behavior, and available memory vary by device. For large documents and images, a computer is often more comfortable.