Which color spaces are supported?

HEX, RGB, HSL, and OKLCH for token round-trips in CSS and Tailwind.

Is my palette uploaded?

No. Conversion is in the browser. Use the palette generator when you need a scale, not a single swatch.

How do I check accessibility?

Use the color-blindness simulator in this sandbox after you have a HEX/OKLCH value.

Why this tool stays in the browser

Convert between HEX, RGB, HSL, and OKLCH without uploading a palette or hitting a design-cloud API. The converter is for engineers who keep tokens in CSS and Tailwind and need round-trips that stay on-device. Check contrast separately with the color-blindness simulator, or jump to the palette generator when you need a scale rather than a single value.

FAQ

Which color spaces are supported?: HEX, RGB, HSL, and OKLCH for token round-trips in CSS and Tailwind.
Is my palette uploaded?: No. Conversion is in the browser. Use the palette generator when you need a scale, not a single swatch.
How do I check accessibility?: Use the color-blindness simulator in this sandbox after you have a HEX/OKLCH value.

Color Converter

Convert colors between HEX, RGB, HSL, and OKLCH formats with alpha support and contrast checking.

Select Color

Alpha: 100%

Color Preview

Contrast Ratios

vs White

4.47

vs Black

4.70AA

Color Formats

HEX#6366f1

RGBrgb(99, 102, 241)

RGBArgba(99, 102, 241, 1)

HSLhsl(239, 84%, 67%)

HSLAhsla(239, 84%, 67%, 1)

OKLCHoklch(0.50 0.828 294)

No history yet. Use the tool to create entries.