Color Converter
Convert between HEX, RGB, and HSL color notations.
Usage examples
Converting a color code from a design mockup
Take a HEX code from your design tool and convert it to the RGB or HSL value you need to drop straight into CSS.
Building a HEX code from RGB values
Enter the RGB numbers you picked up from an image editor to instantly get the matching HEX code for your code.
Using HSL to reason about brightness and saturation
Convert the same color to HSL to see how to adjust saturation or lightness while keeping the hue exactly the same.
Frequently asked questions
Is the color value I enter sent to a server?
No. All conversions happen entirely in your browser, and the color values you enter are never sent to a server.
Does it support 3-digit shorthand HEX codes?
Yes. Shorthand codes like #FFF are recognized and expanded to 6 digits before converting.
What format should I use for RGB or HSL input?
Separate the numbers with commas or spaces — for example "59, 130, 246" for RGB or "217, 91, 60" for HSL.
Does picking a color with the color picker update the values too?
Yes. Any color chosen with the picker instantly updates the HEX, RGB, and HSL values.