Color Converter
Type or pick a color and instantly get its HEX, RGB and HSL values.
HEX
#6366f1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
Advertisement
HEX vs RGB vs HSL
HEX (like #6366f1) is the most common format in CSS and design tools. RGB expresses the same color as red, green and blue channels from 0–255, which is easier to reason about when blending colors in code. HSL (hue, saturation, lightness) is often the most intuitive for adjusting a color — increase lightness to make it paler, or change hue to shift it around the color wheel, without recalculating RGB values by hand.
Frequently asked questions
- Can I paste a 3-digit HEX code like #fff?
- Yes, shorthand 3-digit HEX codes are automatically expanded to their 6-digit equivalent.
- Does this support alpha/opacity values?
- The tool accepts rgba() and hsla() input but converts based on the color channels only — alpha isn't carried into the HEX/RGB/HSL outputs.