Color Converter
Convert colors between HEX, RGB, and HSL — with a live swatch.
How to use
Type a color as #hex, rgb(r,g,b), or hsl(h,s%,l%). The other formats and a preview appear instantly.
About this tool
Type a color in HEX, RGB, or HSL and instantly get the other two formats plus a live preview swatch. Handy for translating a design value into the format your CSS or code needs. Runs entirely in your browser.
What you can use Color Converter for
- Convert a HEX design value to rgb() for CSS
- Get the HSL of a color to tweak its lightness
- Translate an rgb() value back to a HEX code
- Preview a color while converting it
Frequently asked questions
Which formats are supported?
HEX (#rgb or #rrggbb), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)). Enter any one and get the other two.
Does it show the color?
Yes — a live swatch previews the parsed color so you can confirm it at a glance.
Is anything uploaded?
No, all conversion happens locally in your browser.
More tools
Browse all →Base64 Encode / Decode
Encode text to Base64 or decode it back — instantly, in your browser.
Basic Auth Header Generator
Turn a username and password into a Basic Authorization header.
Binary to Text Converter
Convert text to binary and binary back to text.
Case Converter
Convert text between camelCase, snake_case, kebab-case, and more.
Cron Explainer
Decode a cron expression into plain English and see its next runs.
Hash Generator
Compute SHA-256, SHA-1, SHA-384, and SHA-512 hashes in your browser.