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.
Enter a HEX
Pick the unit: paragraphs for blog posts, sentences for headlines, or individual words for tags and placeholders.
- 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.
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
- Text & GeneratorsLorem Ipsum Generator
Filler text in paragraphs, sentences or words — Latin, Hipster or Tech flavors.
- DeveloperUUID, NanoID & ULID Generator
Generate cryptographically secure UUID v4, UUID v7, NanoID and ULID.
- DeveloperHTTP Status Code Reference
Every HTTP status code with plain-English explanations and live search.