Color Converter
Convert colours between HEX, RGB and HSL with a live preview.
Frequently asked questions
What formats can I convert between?
HEX (like #3b82f6), RGB (red, green, blue) and HSL (hue, saturation, lightness). Enter any one and the others are calculated, with a live colour swatch.
When would I use HSL?
HSL is intuitive for adjusting colours — change the hue to shift the colour, or lightness to make it lighter or darker — which is handy when designing palettes.
Does it support alpha/transparency?
This tool focuses on the opaque HEX/RGB/HSL values. Alpha channels (RGBA/HSLA) can be added on request.
How do I convert a HEX color to RGB?
Split the six hex digits into three pairs and read each pair as a number from 0 to 255 for red, green and blue. For example the hex value ff8800 is red 255, green 136, blue 0.
What does the hue value in HSL represent?
Hue is an angle from 0 to 360 degrees around the color wheel, where 0 is red, 120 is green and 240 is blue. Adjusting it shifts the color while keeping the same saturation and lightness.
What is the difference between HSL and HSB or HSV?
They are related cylindrical color models. HSL uses lightness where 50 percent is the pure color, while HSB or HSV uses brightness where 100 percent is the pure color. They map colors differently despite similar names.
Why do the same RGB values look different on different screens?
Displays vary in calibration, color profile and gamut, so identical values can appear brighter or more saturated on one screen than another. Color management and calibration reduce these differences.