Color Converter

Convert between HEX, RGB, HSL, OKLCH, and CMYK — instantly.

Paste any color value — a hex code, rgb(), hsl(), oklch(), or a CSS named color — and see every format at once. Use the native color picker for visual selection, or type values directly.

Check WCAG contrast ratios against any background, generate color harmonies, create tints & shades, blend two colors, preview color blindness simulation, and get ready-to-use CSS variables and the nearest Tailwind class. Everything runs in your browser.

HEX#39aa56

RGBrgb(57, 170, 86)

HSLhsl(135, 50%, 45%)

HSBhsb(135, 66%, 67%)

OKLCHoklch(0.655 0.158 148.5)

CMYKcmyk(66%, 0%, 49%, 33%)

Tailwindgreen-500

Background color

2.98:1Sample text preview

✗ AA Normal✗ AA Large✗ AAA Normal✗ AAA Large

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced (AAA). Large text (18pt+ or 14pt bold) needs 3:1 for AA.

Frequently Asked Questions

Common questions about color formats, conversions, and accessibility.

Related Tools

More developer tools from ToolFox — cheat sheets, regex, and more.

Tailwind CSS Cheat SheetEvery utility class, every version. Searchable & copyable.CSS Grid GeneratorVisual CSS Grid builder with code export.Regex TesterTest and debug regular expressions in real time.