Color Converter
Convert colors between HEX, RGB, HSL, and HSV, with a live preview swatch.
Convert between HEX, RGB, HSL, and HSV
Type or paste a color in any of the four formats and the other three update instantly, along with a live preview swatch and a native color picker if you'd rather pick visually. Useful for moving a color between a design tool, a CSS stylesheet, and image-editing software that each expect a different format.
Frequently asked questions
What's the difference between HSL and HSV/HSB?
Both describe a color as hue, and two other components, but HSL's lightness runs from black through the pure color to white, while HSV/HSB's value (brightness) runs from black up to the pure color only — HSL is more common in CSS, HSV is more common in image-editing color pickers.
Why does my HEX code have 8 characters instead of 6?
An 8-digit HEX code includes an alpha (transparency) channel as the last two characters, e.g. #2563EBCC. This tool supports both 6-digit (opaque) and 8-digit (with alpha) HEX input.
Can I paste a CSS rgb() or hsl() string directly?
Yes — paste a full value like rgb(37, 99, 235) or hsl(221, 83%, 53%) into the matching field and it will parse it, no need to split out the numbers yourself.
Does this work offline?
Yes — every conversion is plain math done in your browser, so it keeps working without an internet connection once loaded.