Web Dev Helpers
Color Converter
Convert between HEX, RGB, HSL, and HSV.
Pick a color
HEX
#16a34a
RGB
rgb(22, 163, 74)
HSL
hsl(142, 76%, 36%)
HSV
hsv(142, 87%, 64%)
About this tool
Pick or paste any color. See its values in HEX (#RRGGBB), RGB (r, g, b), HSL (h, s, l) and HSV (h, s, v) - useful when copying between design tools and CSS.
FAQs
What's the difference between HSL and HSV?
HSL has lightness (0% black, 100% white). HSV has value (0% black, 100% pure colour). HSL is better for picking 'bright vs dark' shades.
Are alpha channels supported?
Yes - the HEX output includes #RRGGBBAA when alpha is non-1, and RGB/HSL show their alpha forms.
Why does my HEX look slightly different in HSL?
Round-trip rounding. HSL stores values to 0-360 / 0-100, so converting back to RGB can shift by 1 in each channel.