Color Converter

Convert between HEX, RGB and HSL color codes with a live preview — change any field and the others update automatically.

Runs 100% in your browser — the color you enter is never sent anywhere.
RGB
R
G
B
HSL
H
S
L

Try This Next

Finished here? These might be your next step.

Base64 Encode / DecodeEncode text and files to Base64, and decode them back.URL Encode / DecodeURL encode / decode; carry query parameters safely.UUID GeneratorGenerate random, collision-free v4 UUIDs — one by one or in bulk.

Frequently Asked Questions

HEX (#3a5bd0) expresses a color as a 6-digit hexadecimal number, RGB as red/green/blue components in the 0-255 range, and HSL as hue (0-360°), saturation (%) and lightness (%). All three describe the same color differently; which one you use usually depends on which format you're working with in CSS or a design tool.

A 3-digit short form like #abc expands to 6 digits by repeating each digit: #abc → #aabbcc. This tool accepts both forms and always displays the full 6-digit form.

Saturation (0-100%) determines how vivid or washed-out (gray) a color is; 0% means fully gray. Lightness (0-100%) determines how light or dark a color is; 0% is black, 100% is white, and around 50% is the color's "pure" form. Keeping the hue fixed and only changing these two lets you produce lighter/darker or more muted/vivid shades of the same color.

Last updated: