Color Converter (HEX, RGB, HSL)
Convert colors between HEX, RGB and HSL with a live preview and color picker.
Color
Values
What Is the Color Converter (HEX, RGB, HSL)?
The Color Converter turns a color between HEX, RGB and HSL formats and shows a live swatch. Type a hex value or use the color picker, and the matching rgb() and hsl() strings (plus a CSS-variable form) update instantly. It accepts both 3- and 6-digit hex. Everything runs in your browser.
How It Works
Pick a color with the swatch or type a hex code like #4f46e5 or #fff. The RGB, HSL and CSS-variable values update live — click Copy on any of them.
When to Use It
Use it while building websites and design systems, matching brand colors, or converting a value a designer gave you into the format your code needs.
Frequently Asked Questions
- What formats are supported?
- HEX (3 or 6 digit), RGB and HSL output, plus a space-separated CSS-variable form handy for Tailwind and modern CSS.
- Does it support alpha/transparency?
- Not yet — it focuses on solid colors. Paste the opaque color and apply opacity separately in your CSS.
Last reviewed: 2026-06-27
Popular Tools
Title Case Converter
Convert text to title case with smart rules for articles, conjunctions and prepositions.
QR Code Generator
Create custom QR codes from any URL or text and download them as PNG or SVG — generated entirely in your browser.
JSON Formatter & Minifier
Beautify, validate and minify JSON with clear parse errors.
Unicode Text Converter
Preview your text in 35+ Unicode styles at once with copy buttons and favorites.
Word Counter
Count words, characters, sentences and paragraphs in real time, with reading time and keyword density.
Strong Password Generator
Generate secure random passwords using cryptographic randomness.