Color Converter
Convert between HEX, RGB, and HSL color formats.
HEX
RGB
HSL
CSS Values
#2B6F8Ergb(99, 102, 241)hsl(239, 84%, 67%)Understanding Color Formats
HEX is a six-digit hexadecimal representation of a color (#RRGGBB), where each pair represents red, green, and blue channels from 00 to FF. It's the most common format in web design and CSS.
RGB (Red, Green, Blue) represents colors using three numbers from 0 to 255. It directly maps to how screens display color by mixing light. CSS syntax: rgb(255, 128, 0).
HSL (Hue, Saturation, Lightness) is more intuitive for humans. Hue is a degree on the color wheel (0-360), saturation is intensity (0-100%), and lightness is brightness (0-100%).
Frequently Asked Questions
Which format should I use in CSS?
All three work in modern CSS. HEX is the most compact and widely used. RGB is helpful when you need to compute values programmatically. HSL is best when you want to create color variations · just adjust lightness or saturation while keeping the hue.
What's the difference between HEX #FFF and #FFFFFF?
Three-digit hex is shorthand where each digit is doubled: #FFF = #FFFFFF, #09C = #0099CC. Both are valid CSS but six-digit is more explicit and supports all 16 million colors.
Can I convert colors with transparency (alpha)?
This tool converts opaque colors. For alpha, CSS supports rgba(r,g,b,a) and hsla(h,s%,l%,a) formats, and 8-digit hex (#RRGGBBAA). We may add alpha support in a future update.