Color Converter
Paste any color in HEX, RGB, HSL, RGBA, HSLA, or a CSS named color and get every other format back instantly — with a live preview swatch. Runs entirely in your browser.
Presets
- HEX
- Hexadecimal RGB. 3-digit shorthand (#F0A) expands to 6-digit (#FF00AA). 8-digit form (#FF00AAFF) adds alpha as the last pair.
- RGB
- Red, green, blue channels each 0–255. Direct mapping to pixel intensities — what the screen actually emits.
- RGBA
- RGB plus an alpha channel 0–1, where 0 is fully transparent and 1 is fully opaque.
- HSL
- Hue 0–360°, saturation 0–100%, lightness 0–100%. Easier to tweak perceptually — hold hue and shift lightness for shades.
- HSLA
- HSL with an added alpha channel, same 0–1 scale as RGBA.
- Named
- CSS named colors like tomato, rebeccapurple, or slategray — all map to a fixed RGB value.
Frequently asked questions
What color formats can I convert between?
Paste any color as HEX (3, 6, or 8 digit), RGB, RGBA, HSL, HSLA, or a CSS named color like tomato, and the tool returns every other format at once — HEX, HEX8, RGB, RGBA, HSL, and HSLA — with a live preview swatch.
How does the alpha slider work?
Once you enter a valid color, the alpha slider appears and lets you set transparency from 0 (fully transparent) to 1 (fully opaque). It feeds the RGBA, HSLA, and 8-digit HEX outputs, and the swatch sits on a checkered background so you can see the transparency.
Is HEX8 the same as RGBA?
They represent the same color. HEX8 (for example #6366F1FF) packs the alpha into the last two hex digits, while RGBA writes the alpha as a separate 0–1 value — use whichever your stylesheet or framework prefers.
Is my data uploaded?
No. All conversion runs entirely in your browser — nothing you type is sent to a server.
Related tools
- JWT Decoder Decode header, payload, and signature with expiry status checks.
- Base64 Encode / Decode Convert text and files to Base64 or decode Base64 back to text.
- URL Encode / Decode Percent-encode strings for URLs or decode them back to readable text.
- HTML Encode / Decode Escape HTML entities or convert encoded entities back to symbols.