Color Picker & Converter
Pick a color and convert it between HEX, RGB, HSL, and more.
Drag in the picker, or type a value into any field below.
Key features
Pick a color with the swatch, or type a value directly into the HEX, RGB, or HSL field — every other format updates instantly, so you always have the exact code you need.
Everything runs locally in your browser. Nothing you enter is sent anywhere.
How to use
Drag in the picker, or type a value
Use the saturation square and hue slider, or type directly into any format field.
Watch the other formats update
HEX, RGB, and HSL all stay in sync instantly.
Copy the format you need
Click the copy icon next to any value.
Frequently asked questions
What color formats are supported as input?
HEX (like #3b82f6 or #3bf), RGB (like rgb(59, 130, 246)), and HSL (like hsl(217, 91%, 60%)) are all accepted for typing directly into their respective fields.
Why would I use HSL instead of RGB?
HSL (hue, saturation, lightness) is often more intuitive for adjusting a color — you can change lightness or saturation without recalculating red/green/blue values, which makes it handy for building color variations by hand.
Is my color choice saved anywhere?
No. All conversion happens locally in your browser — nothing is stored or transmitted.