advertisement
// HEX ↔ RGB ↔ HSL
Color converter
Enter a color in any format and get the other two instantly, with a live preview swatch.
advertisement
Three ways to describe the same color
HEX and RGB describe a color by red, green and blue light intensity (just in different notations) — HSL describes it by hue, saturation and lightness instead, which is often more intuitive for picking or adjusting a shade by hand.
Which format should I use in my CSS?
Any of them work — HEX is the most common and compact, RGB is handy when you need to set opacity (rgba), and HSL is easiest for tweaking lightness or saturation without recalculating the whole color.
Is my input sent anywhere?
No — conversion runs entirely in your browser with plain JavaScript. Nothing is uploaded.
advertisement