Home › Color Converter
Color Converter
Convert colors between HEX, RGB, RGBA and HSL — or pick a color with the swatch. Type any format and every other format updates live. Everything runs locally in your browser; nothing is uploaded.
Tip: 3-digit shorthand like #abc and an optional alpha in rgba() are both supported. All conversions are computed on your device — no network calls are made.
What is a color converter?
A color converter translates a single color between the formats used across the web and design tools: HEX (the #rrggbb codes in CSS), RGB / RGBA (red-green-blue channels with optional alpha transparency), and HSL (hue, saturation, lightness). Instead of converting by hand, you enter one value and read off the equivalents in every other notation, with a live swatch so you can confirm the color visually.
How to use it
1. Type a color into the box — for example #58a6ff, rgb(88, 166, 255), or hsl(212, 100%, 67%). Or click the color swatch to pick one. 2. The HEX, RGB, RGBA and HSL outputs update instantly. 3. Click Copy next to any format to put it on your clipboard.
HEX to RGB and RGB to HEX
A HEX color packs the red, green and blue channels into two hexadecimal digits each, so #58a6ff is red 0x58 = 88, green 0xa6 = 166, blue 0xff = 255, giving rgb(88, 166, 255). Going the other way, each 0–255 channel is converted back to a two-digit hex value and concatenated after the #. This tool also expands 3-digit shorthand such as #abc to its full #aabbcc form before converting.
What is HSL?
HSL describes a color as a hue angle from 0–360° around the color wheel, a saturation percentage (how vivid the color is) and a lightness percentage (how close to white or black it is). HSL is convenient for tweaking colors — nudging only the lightness gives you a tint or shade of the same hue. The converter computes HSL from the RGB channels using the standard formula, rounding hue to the nearest degree and saturation and lightness to the nearest percent.
Is my data safe?
Yes. This color converter runs entirely in your browser with plain JavaScript — there is no server and nothing you type is ever uploaded. You can even save the page and use it offline.