Developer·Updated 2026-04-22

Color Converter & Contrast Checker

Convert HEX, RGB, HSL and OKLCH and check WCAG contrast in one view.

Color Converter & Contrast Checker

How it works

  1. 1.

    Enter a HEX

    Pick the unit: paragraphs for blog posts, sentences for headlines, or individual words for tags and placeholders.

  2. 2.

    Copy any format

    Set the quantity and pick a flavor: classic Latin for serious layouts, Hipster Ipsum for playful designs, or Tech jargon for B2B mockups.

  3. 3.

    Check contrast

    One click sends everything to your clipboard. Great for Figma, Notion, Framer, or dropping straight into Next.js components.

FAQ

What is OKLCH?+

A modern perceptually-uniform color space. Supported in all modern browsers, ideal for design systems.

How is contrast rated?+

By WCAG 2.2: AAA ≥ 7, AA ≥ 4.5, AA Large ≥ 3. Below 3 = Fail.

Are alpha values supported?+

Yes, 8-digit HEX codes with alpha channel are parsed correctly.

Related tools