HEX RGB HSL Color Converter

Convert CSS color values between HEX, RGB and HSL formats with a live preview and copy-ready output.

Everything runs locally in your browser.

CSS values

Convert pasted colors into copy-ready CSS values for stylesheets, components and design tokens.

Design handoff

Move between HEX specs, RGB values from screenshots and HSL adjustments without opening a design app.

Private local processing

The converter uses browser-native JavaScript only. No upload endpoint or server-side conversion is involved.

Frequently asked questions

Is my color value uploaded?

No. HEX, RGB and HSL conversion runs with JavaScript in your browser. The color values you enter are not sent to Convertr servers.

Which HEX formats are supported?

The converter supports 3-digit and 6-digit HEX colors such as #0fa and #00ffaa.

Can I paste CSS rgb() and hsl() values?

Yes. You can paste values like rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) or 142 71% 45%.

What is HSL useful for?

HSL separates hue, saturation and lightness, which makes it practical when adjusting color families, hover states and design tokens.