De kleurcontrast-checker die de kleur zelf fixt
De meeste tools meten alleen. Hier zie je WCAG 2.1 en APCA; Fix past OKLCH-lichtheid aan tot AA zonder de tint te wijzigen. OKLCH-picker en lokale fotopalet inbegrepen.
Eerst Fix
Open Contrast, zet tekst en vlak, lees WCAG/APCA, druk Fix — voor/na met Undo.
Tailwind- en CSS-kleurnamen
Engelse referentiepagina’s met elke Tailwind v4-stop en CSS-namen in oklch(), WCAG-paren en links naar deze Fix.
Wanneer gebruiken
Slecht UI-contrast, OKLCH-tokens voor Tailwind v4, palet uit screenshot zonder upload.
Veelgemaakte fouten
Contrast ‘fixen’ door tint te draaien in plaats van OKLCH-lichtheid.
CSS na Fix
Kopieer oklch() of HEX naar variabelen of @theme.
:root {
--text: oklch(0.35 0.08 250);
--surface: oklch(0.97 0.01 250);
}