Color Converter
Convert colors between HEX, RGB and HSL with a live preview and channel sliders.
About Color Converter
Convert any color between HEX, RGB and HSL formats. Use the color picker or type a value, fine-tune individual RGB channels, and copy the format you need for your CSS. Everything updates live in your browser.
How to use Color Converter
- 1
Pick a color with the swatch, or type a HEX value.
- 2
See the equivalent RGB and HSL values instantly.
- 3
Adjust the R, G and B channels to fine-tune.
- 4
Copy the format you need.
Frequently Asked Questions
Which formats are supported?
HEX (3 or 6 digit), RGB and HSL. Values stay in sync as you edit any of them.
Can I use shorthand hex like #abc?
Yes. Three-digit shorthand is automatically expanded to the full six-digit form.
More Developer Tools
Base64 Encode / Decode
Encode text to Base64 or decode Base64 back to text, instantly and privately.
Hash Generator
Generate MD5, SHA-1, SHA-256 and SHA-512 hashes from any text, instantly.
HTML / CSS / JS Minifier
Minify HTML, CSS or JavaScript by stripping comments and whitespace, with size savings shown.