Color Converter

Convert between HEX, RGB, HSL, OKLCH, and HWB. All conversions happen client-side.

HEX

#10b981

RGB

rgb(16, 185, 129)

HSL

hsl(160, 84%, 39%)

OKLCH

oklch(69.59% 0.1579 159.54)

HWB

hwb(160 6% 27%)

Contrast Checker

Foreground

Background

Sample Text The quick brown fox

21.00:1

AA Normal Pass AA Large Pass AAA Normal Pass AAA Large Pass

Palette Generator

Complementary

#10b981

Analogous

#10b981

Triadic

#10b981

Split Complementary

#10b981

CSS Output

Ready-to-paste CSS

/* Color values */
color: #10b981;
background: #10b981;

/* CSS custom properties */
--color-hex: #10b981;
--color-rgb: rgb(16, 185, 129);
--color-hsl: hsl(160, 84%, 39%);
--color-oklch: oklch(69.59% 0.1579 159.54);
--color-hwb: hwb(160 6% 27%);