Le vérificateur de contraste des couleurs qui corrige la couleur
La plupart des outils mesurent seulement. Ici WCAG 2.1 et APCA, puis Fix ajuste la luminosité OKLCH jusqu’à AA sans changer la teinte. Sélecteur OKLCH et palette photo locale inclus.
Fix d’abord
Ouvrez Contraste, définissez texte et fond, lisez WCAG/APCA, puis Fix — avant/après avec Undo.
Références Tailwind et noms CSS
Pages EN avec chaque stop Tailwind v4 et couleurs CSS nommées en oklch(), paires WCAG et liens vers ce Fix.
Quand l’utiliser
Contraste UI insuffisant, tokens OKLCH pour Tailwind v4, palette depuis une capture sans upload.
Erreurs fréquentes
Corriger le contraste en tournant la teinte au lieu de la luminosité OKLCH.
CSS après Fix
Copiez oklch() ou HEX dans vos variables ou @theme.
:root {
--text: oklch(0.35 0.08 250);
--surface: oklch(0.97 0.01 250);
}