Color Converter
Convert colours between HEX, RGB, HSL and CSS formats with a live preview.
About the Color Converter
The Color Converter translates colours between HEX, RGB, HSL and CSS notations with a live swatch, which is handy when design tokens, CSS and design tools use different formats.
Conversion happens in your browser, so your files and records stay private.
How to use the Color Converter
- Enter a colour in any format or pick one.
- Read the equivalent HEX, RGB and HSL values.
- Copy the format you need.
Frequently asked questions
Why use HSL?
HSL makes it easy to create lighter, darker or less saturated variants of the same hue by changing one number.
Are transparent colours supported?
Alpha values are supported in RGBA, HSLA and 8-digit HEX.
Related tools
JSON to CSV
Convert JSON arrays to CSV with automatic column detection, nested object flattening and custom delimiters.
CSV to JSON
Convert CSV to a JSON array with header detection, type inference and delimiter auto-detection.
JSON to XML
Convert JSON to well-formed XML with a configurable root element and attribute support.
XML to JSON
Convert XML to JSON, preserving attributes and repeated elements as arrays.
JSON to YAML
Convert JSON to clean, human-readable YAML.
YAML to JSON
Convert YAML documents to formatted JSON with syntax validation.