Skip to content
HandyBrowserTools

Color Converter

Paste a color as HEX (#3538cd or #35c), rgb(…) or hsl(…) and instantly get all three formats with a live preview swatch. Great for translating design values into CSS.

Private by default: processing stays on your device

Example: HEX → RGB & HSL

Input

#3538cd

Output

rgb(53, 56, 205)
hsl(239, 60%, 51%)
Share this page X LinkedIn Reddit

These buttons share the page link, not your input.

Frequently asked questions

Which color formats are supported?

3- and 6-digit HEX, rgb()/rgba() and hsl()/hsla(). Any alpha channel is tolerated on input but not shown in the converted output. Output is HEX, RGB and HSL.

How is HEX converted to RGB?

Each pair of hex digits (00-ff) becomes a red, green or blue channel value from 0 to 255. A 3-digit shorthand like #35c expands to #3355cc first.

Are the HSL values rounded?

Yes, hue is rounded to the nearest degree and saturation/lightness to the nearest percent, which matches how CSS is normally written.

Is anything uploaded?

No. All conversion runs locally in your browser; your colors never leave your device.

Color Picker (from Image)

Pick colors from any image online and get HEX, RGB and HSL values, plus an auto-extracted palette. Free and 100% on-device.

Favicon Generator

Generate a favicon.ico plus all standard PNG icon sizes (16-512px) from any image, entirely in your browser. Free, with ready-to-paste HTML.

Image to Base64

Convert an image to a Base64 data URI online for embedding in HTML, CSS or JSON. Free, instant, and processed on your device.