Color Converter
One color, every format: HEX, RGB, HSL and HSV.
| RGB | rgb(255, 0, 0) | |
| HSL | hsl(0, 100%, 50%) | |
| HSV | hsv(0, 100%, 100%) |
How to use
- Pick a color with the color swatch, or type a HEX value like #FF8800.
- Read the same color in RGB, HSL and HSV formats.
- Click Copy next to any format to use it in your design or code.
FAQ
What is the difference between HSL and HSV?
Both describe color by hue, but HSL measures lightness from black to white through the pure color, while HSV (HSB) measures brightness up to the pure color. Design tools use both.
Can I enter a 3-digit HEX like #F00?
Yes — short HEX values are expanded automatically (#F00 becomes #FF0000).
Which format do I need for CSS?
All four work in CSS. HEX and RGB are the most common; HSL is handy when you want to adjust lightness by hand.