Color Converter
Convert colors between HEX, RGB and HSL with a live swatch and one-click CSS snippets.
Loading tool…
This tool runs locally in your browser — your content is never uploaded to a server.
How to use
- 1.Type a color into any input box, like #3B82F6 or rgb(59, 130, 246).
- 2.The other formats convert live, and the swatch preview shows the actual color.
- 3.Fine-tune hue, saturation and lightness in the HSL fields — the preview follows along.
- 4.Click “Copy” next to a format to grab a ready-to-use CSS snippet.
FAQ
Related tools
Unit Converter
Pick length, weight, temperature or data size, enter a value, and see every unit at once.
RMB Amount in Words
Turn an amount into standard Chinese capital words (人民币大写), accurate to jiao and fen, ready for invoices.
Mortgage Calculator
Enter loan amount, term and rate to compare equal-payment vs equal-principal plans with full amortization details.
JSON Formatter
Paste JSON to beautify or minify it instantly; invalid JSON reports the exact error location.