Color Converter

Convert colors between HEX, RGB, and HSL formats instantly. Visual color picker with live preview and component breakdown.

🔧

Color Converter is coming soon. In the meantime, try the JSON → CSV converter, which has flattening built in.

How it works

Type any format, all three update

Enter a HEX, RGB, or HSL value and the other two formats update instantly. Or use the visual color picker — all three fields stay in sync.

Example

Converting a brand HEX color to CSS HSL for theme generation

Input

#3b82f6

Output

rgb(59, 130, 246)
hsl(217, 91%, 60%)

Frequently asked questions

Why use HSL over HEX for CSS themes?

HSL is the easiest format for generating color palettes. Lighter and darker variants are just L value adjustments. Muted versions are S value adjustments. With HEX or RGB you'd need to recalculate all three channels.

Related Tools

TOOL

Hash GeneratorGenerate SHA-1, SHA-256, SHA-384, or SHA-512 hashes from any text. Uses the Web Crypto API — nothing leaves your browser.

TOOL

URL EncodePercent-encode URLs and query parameters, or decode encoded strings back to readable text. Updates as you type.

TOOL

Base64Decode base64 strings to text or JSON, or encode any text to base64. Handles URL-safe base64 and missing padding.

TOOL

Slug GeneratorConvert any title or text to a clean URL slug. Strips accents, special characters, and spaces.

All conversions run in your browser — nothing is uploaded.

Browse all 27 converters →