Color Converter
Convert any color between HEX, RGB and HSL. Edit any field and the others update instantly, or use the color picker to choose a shade and copy the CSS. Nothing is uploaded — it all runs in your browser.
#1e90ff rgb(30, 144, 255) hsl(210, 100%, 56%) Your colors stay in your browser — nothing is sent anywhere.
How to use the color converter
Start any way you like. Paste a HEX code such as #1e90ff, type RGB channel values, set HSL numbers, or click the picker and choose a shade visually. Whichever field you change, the others recalculate immediately and the preview swatch updates.
Each format describes the same color a different way. HEX is the compact six-character code used throughout web design. RGB lists how much red, green and blue light is mixed, each from 0 to 255. HSL breaks a color into Hue (its angle on the color wheel, 0–360°), Saturation (how vivid, 0–100%) and Lightness (how bright, 0–100%) — which makes nudging a shade lighter or more muted intuitive.
When you have the color you want, copy the ready-made CSS value — #hex, rgb(...) or hsl(...) — straight into your stylesheet.
Everything runs in your browser — the colors you enter are never uploaded.
Common questions
Can I enter a hex code without the # sign? Yes. The leading # is optional — 1e90ff works the same as #1e90ff.
Why did my HSL numbers shift slightly after a round-trip? HSL values are whole numbers, so converting RGB → HSL → RGB can drift by a point or two from rounding. The visible color stays essentially identical.
Does this support alpha or transparency? Not yet — this converter handles solid HEX, RGB and HSL colors. For transparency you would add an alpha channel (RGBA or HSLA) in your CSS.
Is anything saved or uploaded? No. The tool is fully client-side — your colors never leave your browser and nothing is stored.