Color converter
Convert a HEX or RGB color to matching HEX, RGB, and HSL values.
Loading the tool… JavaScript is required for processing on your device. The instructions and examples below are available without JavaScript.
How to use it
Enter a hexadecimal color such as #e85d35 to get equivalent color formats.
Good to know
Colors are opaque sRGB values. Alpha channels and wide-gamut color spaces are not supported.
Check one color in the formats a project needs
Enter either a three- or six-digit HEX value, or an rgb(r, g, b) value. For example, #e85d35 produces #E85D35, rgb(232, 93, 53), and hsl(13, 80%, 56%).
Use the result in the right place
HEX is common in CSS and design tokens; RGB is useful where a color picker asks for channels; HSL can make it easier to reason about hue, saturation, and lightness. All three results describe the same opaque sRGB color.
Alpha values, named colors, Display-P3, and other wide-gamut formats are outside this converter. A matching numeric color is not enough to confirm readable text: check the foreground and background pair with the contrast checker.