What's the difference between RGB and HSL?
RGB defines a color by red/green/blue channel intensities (0-255 each). HSL uses hue/saturation/lightness — often more intuitive for manually lightening, darkening, or desaturating a color.
Color Converter
Color
Preview
Valid colorHEX · RGB · HSL input
Converted values
CSS formats
- HEX
- #4f46e5
- HEXA
- #4f46e5ff
- RGB
- rgb(79, 70, 229)
- RGBA
- rgba(79, 70, 229, 1)
- HSL
- hsl(243, 75%, 59%)
- HSLA
- hsla(243, 75%, 59%, 1)
Color models
- HSVHSB
- hsv(243, 69%, 90%)
- CMYKnaive
- cmyk(66%, 69%, 0%, 10%)
- LABD65
- lab(40.7% 50.63 -79.08)
- LCHD65
- lch(40.7% 93.9 302.6)
CSS
color: #4f46e5;color: rgb(79 70 229 / 1);color: hsl(243 75% 59% / 1);color: lch(40.7% 93.9 302.6);Harmony
Shades
Tints
10 formatssRGB
About this Color Converter
Convert colors between HEX, RGB, HSL, HSV, and CMYK — with alpha channel support.
Values update as you type, so the picker, the alpha slider, and the text field always agree. CMYK is the naive device-independent conversion and is meant for reference, not for print colour matching.
FAQ
What formats are supported?
Input accepts HEX (3/4/6/8-digit), RGB/RGBA and HSL/HSLA — both legacy comma and modern space/slash notation parse — plus all 148 CSS named colors, so red, tomato and rebeccapurple work as typed. Output adds HSV, CMYK, LAB and LCH. The name comes back too: paste #FF0000 and the result reports it as red, but only on an exact match, never a nearest one.
Can I convert colors with an alpha (transparency) channel?
Yes — HEXA, RGBA, and HSLA all carry alpha, and there's a dedicated alpha slider in the input panel.
Why does a HEX code need exactly 6 digits?
Standard HEX uses 2 digits each for red, green, and blue (000000-FFFFFF). A 3-digit shorthand (#FFF) is also valid CSS — each digit is doubled.
Is my input sent to a server?
No — conversion runs entirely client-side.
Related tools