Color Converter

Available

Convert and inspect HEX, RGB, HSL and OKLCH colors locally, with gamut, luminance and contrast information.

Runs locally. Color values never leave this browser.

Color input

Enter a HEX, RGB, HSL or OKLCH value. Press Enter or use Convert.

Color picker

Supported: #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla() and oklch().

Preview

on white

on black

Color is inside the sRGB gamut.

HEX

#6366F1

RGB

rgb(99 102 241)

HSL

hsl(238.7 83.5% 66.7%)

OKLCH

oklch(58.5% 0.204 277.1)

Color inspection

Source

HEX

Alpha

100%

sRGB gamut

Inside

Luminance

0.185

Contrast white

4.47:1

Contrast black

4.70:1

Conversion and inspection run entirely in the browser. No color values are stored or sent to a Devary backend.

CSS color formats in one place

Move between familiar sRGB formats and OKLCH without sending design tokens or application colors to a backend.

Explicit sRGB gamut boundary

OKLCH can describe colors outside sRGB. When that happens, Color Converter preserves the OKLCH coordinates and clearly marks HEX, RGB and HSL as sRGB-clipped representations.