Color Converter (HEX ↔ RGB ↔ HSL)
Convert between HEX, RGB and HSL color formats with live preview.
#6366f1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
What is the Color Converter?
This tool converts colors between HEX, RGB and HSL formats instantly. Paste or type a color value in any format and the others update in real time — perfect for switching between CSS color notations while designing or coding.
How to use it
Type a color value in any of the three input fields (HEX, RGB or HSL) and the other formats update live. You can also use the native color picker. Click the copy button next to any value to copy the CSS string to your clipboard.
HEX vs RGB vs HSL
HEX (#RRGGBB) is compact and widely used in CSS and design tools. RGB (Red, Green, Blue) defines colors by mixing light channels from 0–255 and is common in code. HSL (Hue, Saturation, Lightness) is more intuitive for humans — adjust hue to shift color, saturation for vibrancy, and lightness for brightness.
Common color values
White: #FFFFFF / rgb(255,255,255) / hsl(0,0%,100%). Black: #000000 / rgb(0,0,0) / hsl(0,0%,0%). Red: #FF0000 / rgb(255,0,0) / hsl(0,100%,50%). Blue: #0000FF / rgb(0,0,255) / hsl(240,100%,50%). Green: #00FF00 / rgb(0,255,0) / hsl(120,100%,50%).
