Color converter
Free · no sign-upConvert a color between HEX, RGB and HSL — type any CSS color or pick one.
Not a recognizable color.
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
A polished PDF invoice in under a minute.
Send a professional quote clients can say yes to.
Order from a supplier with a clean PO.
A clean delivery note with sign-off lines.
18 designs — a beautiful gift certificate or coupon.
A clean proof-of-payment receipt in seconds.