Converter

Color converter and picker

Convert CSS colors to HEX, RGB, HSL, HWB, LCH, and CMYK with alpha.

Ready when you are

Input

Result

Add your contentPaste text or try a sample

Choose an actionClear options. Predictable results.

Take it with youCopy, download and carry on

Using this tool

Inspect CSS or CMYK colors in several representations, including alpha.

Actions: Convert

Example

Half-transparent red becomes #ff000080; RGB retains alpha 0.5. The full text result is shown.

Example action and settings

Action: Convert

Input / action

rgba(255, 0, 0, 0.5)

Result / expected behavior

HEX: #ff000080
RGB: rgba(255, 0, 0, 0.5)
HSL: hsl(0 100% 50% / 0.5)
HWB: hwb(0 0% 0% / 0.5)
LCH: lch(54.29054294696968 106.83719104365966 40.85766878213079 / 0.5)
CMYK: 0%, 100%, 100%, 0%
CSS name: —

Scope and limitations

CMYK uses a simple RGB conversion, not ICC-profile print color management; the CMYK line does not express alpha.
The separate color picker does not update the main text input.

Common mistakes

CMYK needs four values in 0–1 or 0%–100%, not bare integers in 0–100.

Related tools

Case converter

Privacy and browser support

Input is processed in this browser. Do not use real keys or active sensitive credentials as demonstration data. Device features require browser support and your permission.