Color Format Converter

Convert one color to HEX, HEX8, RGB, RGBA, HSL and HSLA. Preview alpha and copy CSS values. Processing takes place locally in your browser.

Start using

Color Format Converter

Convert one color to HEX, HEX8, RGB, RGBA, HSL and HSLA. Preview alpha and copy CSS values.

Use CSS syntax, English CSS color names such as red, and a dot for decimals. HEX/RGB/HSL omit alpha; use HEX8/RGBA/HSLA for transparency. RGBA and HSLA alpha runs from 0 (transparent) to 1 (opaque), rounded to three decimals. The preview shows rounded alpha percent. The picker selects opaque RGB colors.

HEX forms with 3, 4, 6 or 8 digits and supported RGB/HSL syntax are accepted. HSL output uses whole degrees and percentages; rounding can change a round trip. Browser CSS conversion can quantize colors to 8-bit sRGB. CSS variables and context keywords such as currentColor or inherit are rejected: enter their resolved color. No HSV, CMYK, separate channel editor or download. Conversion runs locally; it does not perform ICC/print calibration or improve contrast.

Processing takes place locally in your browser.

How to use

Color Format Converter

Choose an opaque color with the picker or enter a literal color value. After editing, click Convert; the five quick examples convert immediately. Copy one format with its button or copy all six. Clear removes the results and keeps the input.

#FF000080 → HEX8: #FF000080
RGBA: rgba(255, 0, 0, 0.502)
HSLA: hsla(0, 100%, 50%, 0.502)
HEX: #FF0000 · RGB: rgb(255, 0, 0) · HSL: hsl(0, 100%, 50%)