Skip to content
Handy Browser Tools

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
YOUR COLOR

Type any HEX, RGB, or HSL value

Every format, instantly.

Converts as you type; copy any format below.

Good to know

Accepts HEX (#rrggbb), rgb(…), and hsl(…) notation. Conversion runs entirely in your browser.

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.

Favicon Generator

Generate a favicon.ico plus all standard PNG icon sizes (16-512px) in your browser, then download the whole pack as one ZIP.

Image to Base64

Convert an image to a Base64 data URI online for embedding in HTML, CSS or JSON.