Color Converter — HEX, RGB & HSL
Pick a color or convert between HEX, RGB and HSL. Live preview, one-click copy, and handy tints/shades — free color tool that runs in your browser.
Convert and pick colors
Use the swatch to pick a color visually, or type a HEX code, and get the matching RGB and HSL values with one-click copy. HEX (#4f46e5) is the web default; RGB is intuitive for mixing light; HSL (hue, saturation, lightness) makes it easy to create tints and shades by nudging one number. The tool also flags whether a color is light or dark so you can choose readable text on top.
Everything runs locally — no uploads, no limits. Building a UI? The tools hub has more developer utilities.
Frequently asked questions
Which format should I use in CSS?
All three work in modern CSS. HEX is most common; HSL is best when you want to programmatically lighten or darken a color by adjusting the lightness value.
What does the luminance hint mean?
It estimates perceived brightness to suggest whether black or white text will be more readable on the color — a quick accessibility sanity check.