Color Converter

Free color converter — convert colours between HEX, RGB, HSL and HSV with a live preview and picker, entirely in your browser.

Runs entirely in your browser — nothing you enter is uploaded or stored.

Ask about this tool on

About the Color Converter

Paste any CSS color and get every common representation at once. Enter a HEX value (short or long form), an rgb()/rgba() string, or an hsl()/hsla() string. The tool parses it to red/green/blue channels and then derives HEX, RGB, HSL and HSV, keeping the live preview swatch and the native color picker in perfect sync.

HEX and RGB are the same information written two ways. HSL and HSV re-express that as a hue angle plus two more axes, which is often easier for building palettes and adjusting brightness. Copy whichever notation your stylesheet or design tool needs.

Frequently asked questions

What color formats can I paste?

HEX (#3b82f6 or #39f), rgb()/rgba(), and hsl()/hsla(). The tool converts to HEX, RGB, HSL and HSV instantly.

Does the color picker stay in sync?

Yes — type a color and the swatch picker updates; pick a color and the text field updates. Both drive the same live conversion.

What is HSV vs HSL?

Both describe hue, but HSL uses lightness while HSV (also called HSB) uses value/brightness. Design tools often use one or the other.

Is this free & private?

Yes — free, no sign-up, runs entirely in your browser.

Related tools