Enter a HEX color code, or pick one visually, to instantly see its RGB and HSL equivalents — useful when a design tool gives you one format and your code needs another.
Ad space — responsive
Color Converter
TL-14
Enter a HEX color to get RGB and HSL values instantly.
#000000
HEX
0, 0, 0
RGB
0, 0%, 0%
HSL
How to use the Color Converter
Type a HEX color code, or use the color picker.
Click Convert.
Copy the RGB or HSL values you need.
Tips
HSL (hue, saturation, lightness) is often easier to reason about when creating color variations — keep hue and saturation fixed and adjust lightness.
A 3-digit HEX shorthand like #0e8 works the same as #00ee88.