Color converter
Free · no sign-upConvert a color between HEX, RGB and HSL — type any CSS color or pick one.
Not a recognizable color.
Runs entirely in your browser — your data never leaves your device and nothing is stored. No sign-up.
Convert a color between HEX, RGB and HSL — instantly, in your browser. Type any CSS color (a hex code, an rgb() value, or even a name like teal) or pick one visually, and get all three formats plus a live swatch. Nothing is uploaded.
- ✓HEX, RGB and HSL from any input
- ✓Accepts hex, rgb(), hsl() and CSS color names
- ✓Visual color picker and a live swatch
- ✓Copy any format in one click
- ✓Runs in your browser — nothing uploaded
Who it's for
- Designers and developers matching brand colors
- Converting a hex code to HSL for tweaks
- Turning a CSS color name into a value
- Building a palette across formats
How it works
- 1Type a color or open the picker.
- 2See HEX, RGB and HSL update instantly.
- 3Copy the format you need.
Frequently asked questions
Which color formats are supported?+
It reads any valid CSS color — hex (#rgb or #rrggbb), rgb()/rgba(), hsl()/hsla() and named colors — and outputs HEX, RGB and HSL.
How is HSL calculated?+
The color is converted to RGB, then to HSL (hue 0–360°, saturation and lightness as percentages) using the standard formula.
Does it support alpha/transparency?+
It focuses on the solid color (RGB) for conversion. Alpha isn't included in the HEX/HSL output.
Is anything uploaded?+
No. The conversion runs entirely in your browser — nothing is sent to a server.
You may like
Some links may be partner links — how this works
Related tools
Format, validate and minify JSON in your browser.
Encode or decode Base64 text, UTF-8 safe.
Decode a JWT's header and payload in your browser.
Test regular expressions with live match highlighting.
Percent-encode or decode URLs and query strings.
Generate random UUID v4 identifiers in bulk.