Color Converter

Convert any colour between HEX, RGB, HSL, and OKLCH. Includes a visual colour picker and live preview.

Studio · neutral surround

#6366F1

Pick color

HEX

RGB

HSL

OKLCH

CSS variables

Features

HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK

Visual color picker

Live preview

CSS variable output

1. Pick a color (or click the stage, paste a HEX, use the eyedropper, or press Space for random).

2. Every format — HEX, RGB, HSL, OKLCH — converts live in both directions.

3. Copy a single value or the whole CSS variable block; switch the stage surface to judge the color on white, grey, or deep.

What color formats are supported?

HEX, RGB, HSL, HSV, and CMYK formats are all supported with instant conversion.