Color Picker & Converter
Pick a color or enter a hex code to instantly see its RGB and HSL equivalents.
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
Advertisement
The three formats
- HEX — a 6-digit code representing red, green, and blue in base 16; the most common format in CSS and design tools
- RGB — the same red/green/blue values written as three numbers from 0-255
- HSL — hue (position on the color wheel, 0-360°), saturation, and lightness (both 0-100%); often more intuitive for adjusting a color's shade or brightness
Frequently asked questions
Why would I use HSL instead of HEX or RGB?
HSL separates a color's hue from its saturation and lightness, which makes it easier to create a lighter or darker version of the same color — just change the lightness percentage — without recalculating three separate RGB values.
Does this support transparency (alpha)?
Not currently — this tool converts solid colors only, without an alpha/transparency channel.