HOT
Case Converter
text
Color Converter
Pick a color or paste it in any format - HEX, RGB or HSL - and read it in all four notations at once, with a live swatch. No sign-up, free.
Details
Results
HEX#ff4500
- HEX
- #ff4500
- RGB
- rgb(255, 69, 0)
- HSL
- hsl(16, 100%, 50%)
- HSV
- hsv(16, 100%, 100%)
Runs 100% in your browser No length or usage limits Free, no sign-up
How to convert a color
Pick or paste a color
Use the visual picker, or paste #ff4500, rgb(255, 69, 0) or hsl(16, 100%, 50%) - all are recognized.
Read every format
HEX, RGB, HSL and HSV values update together, each with its own copy button.
Check the swatch
The live swatch shows exactly the color you are copying.
Color format questions, answered
When do I use HSL instead of RGB?
HSL separates hue from saturation and lightness, which makes programmatic adjustments intuitive - darken by lowering L, mute by lowering S. RGB and HEX are what CSS and design tools exchange.
What is the difference between HSL and HSV?
Both use hue and saturation, but HSL's third axis is lightness (100% = white) while HSV's is value/brightness (100% = the pure hue). Design software often shows HSV; CSS supports HSL.
Are shorthand hex codes like #f40 supported?
Yes - #f40 expands to #ff4400, exactly as browsers interpret it.
Is anything uploaded?
No. Conversion is simple math running in your browser.