Color Converter
Paste a HEX, RGB/RGBA, or HSL/HSLA color and get the equivalent HEX, RGB, and HSL values at once. Supports alpha transparency and shorthand HEX, and runs locally in your browser with no AI and no server processing.
Convert HEX, RGB, and HSL colors
Paste a supported color value and PocketSpry shows the equivalent HEX, RGB, and HSL representations at once. Everything runs locally in your browser — your color is not uploaded to a server or sent to PocketSpry’s AI API. HEX output uses canonical uppercase six- or eight-digit form, and rgb()/hsl() use lowercase function names.
How alpha transparency is converted
RGBA and HSLA alpha is a number from 0 to 1. Eight-digit HEX stores alpha as one byte from 00 through FF, so a decimal alpha is quantized to one of 256 representable levels when represented in HEX — for example an alpha of 0.5 becomes the HEX byte 80, and the HEX byte 80 shows as an alpha of about 0.502. A fully opaque color (alpha 1) is shown as six-digit HEX, rgb(), and hsl(); a transparent color keeps the eight-digit HEX, rgba(), and hsla() forms.
Supported color formats
Version 1 supports HEX (3-, 4-, 6-, or 8-digit, with or without a leading #), comma-separated rgb(R, G, B) / rgba(R, G, B, A) with whole-number channels from 0 to 255, and comma-separated hsl(H, S%, L%) / hsla(H, S%, L%, A) with a degree hue and 0–100% saturation and lightness. It does not support CSS color names, CMYK, LAB, LCH, OKLCH, Display P3, or the modern space/slash CSS syntax; those simply are not accepted by this tool.
Does PocketSpry upload my color?
No. This tool converts your color locally in your browser using simple arithmetic — there is no server request, no database, and no AI. Out-of-range values are reported as errors rather than silently clamped or repaired.
Frequently asked questions
- What color formats does this support?
- HEX, RGB/RGBA, and HSL/HSLA.
- Can I convert HEX to RGB?
- Yes.
- Can I convert RGB to HEX?
- Yes.
- Can I convert HEX to HSL?
- Yes.
- Does it support alpha transparency?
- Yes, via rgba(), hsla(), and 8-digit HEX.
- What does 8-digit HEX mean?
- It is #RRGGBBAA — the last byte is the alpha channel.
- Does it support 3-digit HEX?
- Yes; the output expands it to six digits.
- Does it support 4-digit HEX?
- Yes; the output expands it to eight digits.
- Can I omit the # in HEX input?
- Yes.
- Does it support CSS color names?
- Not in v1.
- Does it support OKLCH or Display P3?
- Not in v1.
- Does it support modern space-separated rgb()/hsl() syntax?
- Not in v1; use the comma-separated forms.
- Why can alpha look slightly different after HEX conversion?
- HEX alpha is an 8-bit value, so decimal alpha is quantized to one of 256 representable levels.
- Does PocketSpry upload my color?
- No. Conversion runs entirely in your browser.