Color & Typography

Universal Color Converter

Paste any color — HEX, RGB, HSL, HSV, HWB, CMYK or a CSS name — and get every other format at once, including alpha. Copy a single value or grab them all. Everything runs in your browser.

Runs in your browser v1.0.0

Color input

Auto-detect

Color value

Accepts #3366ff, rgb(51 102 255), hsl(225 100% 60%), hsv(225 100% 100%), hwb(225 20% 0%), cmyk(80% 60% 0% 0%) and CSS names.

Alpha 100%

Lower the alpha for transparent overlays and scrims. The value is written back as #rrggbbaa.

Common colors

Conversions

live

Aa #3366ff

How it works

The input is detected automatically and converted through a single RGB model. HSL, HSV and HWB share the same hue wheel, while CMYK is derived from the CMY complement and black key. Alpha is preserved in hex8, rgba(), hsla(), hsva() and hwb() output. Conversion happens entirely in your browser, so the color you paste never leaves the page, and the current value is reflected in the page URL so you can share it.

Practical uses

Convert one color value between HEX, HEX8, RGB, HSL, HSV/HSB, HWB and CMYK while preserving alpha.

Common ways to use it

Turn a design token such as #0ea5e9 into hsl(), hwb() and cmyk() values.
Check the alpha-carrying #rrggbbaa form of an rgba() value.
Convert a CSS color name or hsl() value into hex for a stylesheet.

rgba(14, 165, 233, 0.65) in every format

Input

rgba(14, 165, 233, 0.65)

Output

HEX:   #0ea5e9
HEX8:  #0ea5e9a6
RGB:   rgba(14, 165, 233, 0.65)
HSL:   hsla(199, 89%, 48%, 0.65)
HSV:   hsva(199, 94%, 91%, 0.65)
HWB:   hwb(199 5% 9% / 0.65)
CMYK:  cmyk(94%, 29%, 0%, 9%)

Verified with the tool's analyze function; the input is detected as RGB and alpha is carried into the HEX8 and alpha-aware outputs.

Options that matter

Color input — accepts 3/4/6/8-digit hex with or without #, rgb()/rgba(), hsl()/hsla(), hsv()/hsb(), hwb(), cmyk() and CSS names including transparent.
Alpha slider — overrides the alpha of a parsed color and writes it back as #rrggbbaa when below 1.
Color picker — choose a base color visually and the text value updates.
Copy per value / Copy all formats — copy one conversion or the full labelled report.

Things to keep in mind

Every conversion passes through one RGB model, so HSV and CMYK are derived from rounded RGB values and are not color-managed (no ICC profiles).
CMYK output uses a simple black-key formula, not a print-profile conversion.
Alpha is shown to three decimals in the rgba()/hsla()/hsva()/hwb() strings; the 8-digit hex is the lossless form.
Only the listed syntaxes are recognized; lab(), lch() and color() are rejected.