Designclient

Color Converter

Convert any color between hex, rgb, hsl, and oklch, with copy-ready snippets for CSS variables and Tailwind.

Any color value

Try: hex, rgb(), hsl(), oklch(), named CSS colors.

Presets:

HEX#16a34a

RGBrgb(22, 163, 74)

HSLhsl(142.13, 76.22%, 36.27%)

OKLCHoklch(0.6270522337617381 0.16991208459734425 149.2137959521699)

CSS var--color-primary: oklch(0.6270522337617381 0.16991208459734425 149.2137959521699);

Tailwindprimary: '#16a34a'

Preview

#16a34a

The quick brown fox

jumps over the lazy dog.

Preview uses an auto-chosen black/white foreground for accessibility.

Need a hand?

These tools surface the problems. We ship the fix.

Methodical provides accessibility remediation, performance optimization, technical SEO, and full-stack development for modern digital products.