Color Picker & Converter
Pick a color and convert it between HEX, RGB, HSL, and HSV instantly.
- HEX#3366ff
- RGBrgb(51, 102, 255)
- HSLhsl(225, 100%, 60%)
- HSVhsv(225, 80%, 100%)
How it works
Use the swatch to pick visually, or type a HEX value directly if you already have one from a design file or stylesheet. Every format updates together, so you can copy whichever one your CSS, design tool, or code needs.
Example
#3366ff = rgb(51, 102, 255) = hsl(225, 100%, 60%)
Frequently asked questions
- What HEX formats are accepted?
- Both 6-digit (#3366FF) and 3-digit shorthand (#36F), with or without the leading #, in upper or lower case. Shorthand is expanded the same way browsers do it.
- What's the difference between HSL and HSV?
- Both describe a color by hue, but HSL's third value is lightness (where 100% is always white), while HSV's is value/brightness (where 100% is the most vivid version of the hue). Design tools differ on which they show, so both are listed here.
- Can I pick a color from an image?
- Not currently — this tool covers picking and converting color values. For working with image files themselves, the image compressor, resizer, and format converter are available.