Free · No signup · Runs entirely in your browser
Color Converter
Type a color as HEX, RGB or HSL and see it converted to every format at once. Everything is parsed and converted locally in your browser — nothing is sent anywhere.
How it works
- Type or paste a color as HEX, rgb() or hsl().
- The swatch and all four readouts update as you type.
- Click Copy next to any format to put it on your clipboard.
Frequently asked questions
What color formats are supported?
Type a HEX color (3 or 6 digit, like #f00 or #ff0000), an rgb() value (like rgb(255, 0, 0) or rgb(255 0 0)), or an hsl() value (like hsl(0, 100%, 50%)). Whichever format you paste in, all four — HEX, RGB, HSL and HSV — are shown below it.
What is the difference between HSL and HSV?
Both describe a color as hue, plus two other values, but the second two mean different things. HSL uses saturation and lightness, where lightness runs from black through the pure color to white. HSV (also called HSB) uses saturation and value/brightness, where value runs from black up to the fully bright color. HSV tends to map more intuitively to how paint mixing or a color picker's brightness slider works.
Is anything uploaded?
No. The color you type is parsed and converted entirely locally in your browser using JavaScript — nothing is uploaded or sent to a server.
What is a hex color?
A hex color is a 6-digit (or shorthand 3-digit) code like #3b82f6 where each pair of digits is a base-16 value for red, green and blue, from 00 (none) to ff (full). It's the most common way to write colors in CSS and design tools.
Can I copy each format?
Yes — every readout (HEX, RGB, HSL and HSV) has its own Copy button that puts that exact value on your clipboard.