English

Color Converter

Convert HEX, RGB and HSL colors with normalized values and a local preview.

Color preview

Processed locally in your browser. Your input is not uploaded.

More tools you might find useful.

Base64 Encoder & Decoder Encode or decode Base64 text locally.
CSV ↔ JSON Converter Convert CSV with headers to JSON or flat JSON objects to properly escaped CSV.
HTML Entity Encoder & Decoder Encode HTML special characters or decode named and numeric entities into plain text.
Hash Generator Generate SHA-1, SHA-256, SHA-384 and SHA-512 hashes of local text or files.
JSON Formatter Format, validate and minify JSON data.
JSON ↔ YAML Converter Convert JSON to readable YAML or YAML to formatted JSON locally, with safe parsing and clear errors.
JWT Decoder Decode JWT headers and payloads directly in your browser.
Number Base Converter Convert large integers between binary, octal, decimal and hexadecimal without precision loss.
Regex Tester Test JavaScript regular expressions and inspect matches, captures and positions.
Text to Slug Turn a heading or phrase into a lowercase, hyphen-separated URL slug with sensible Unicode handling.

How to use Color Converter

Enter a three- or six-digit HEX color, rgb(r, g, b), or hsl(h, s%, l%). Copy each representation separately or copy all values.

Details and limits

RGB channels are integers from 0 to 255. HSL hue ranges from 0 to 360 and saturation/lightness from 0 to 100%. Output normalizes through 8-bit RGB; small rounding differences are expected. Alpha channels and CSS color names are not included.

Practical example

Use the same color in a different notation for a design or stylesheet. This converter handles solid colors, not transparency, gradients or CSS color names.

Enter #ff0000 to get RGB channels 255, 0, 0 and HSL values 0°, 100%, 50%. The preview is red in all three representations.

Frequently asked questions

Why do different HSL values produce the same gray?

When saturation is zero, hue does not affect the visible color. Converting through RGB may therefore show a normalized hue instead of the original value.

Is #abc the same color as #aabbcc?

Yes. Each digit in three-digit HEX is doubled to form six-digit HEX. This is shorthand notation, not lower color precision.

Does uppercase HEX mean a different color?

No. Hexadecimal letters are case-insensitive: #AABBCC and #aabbcc describe the same color. Changing letter case does not change RGB values.