Aller à l’outil
OKLCH Studio

Contraste qui se corrige tout seul

Lisez WCAG et APCA ensemble, puis Fix — avant/après avec Undo. Liens profonds pour l’équipe.

Full studio here. Need pairs, names, or brand-from-URL? Colorise Pro. · About

Pick
Photo
Read

Contraste

  1. 01

    Paire

    HEX ou rôles.

  2. 02

    Mesurer

    WCAG/APCA.

  3. 03

    Fix

    Copier le lien.

Contraste WCAG et APCA avec Fix

Page contraste : ratios, Fix avec teinte préservée, liens partageables.

WCAG + APCA

AA 4,5:1 texte normal ; APCA en second avis.

Fix

Seule la luminosité OKLCH bouge ; Undo disponible.

Auditer Tailwind

Références EN avec contraste et Fix prérempli.

Exemple blue-500 →Palette complète →

Fix

Texte corps sur couleur de marque, audits Tailwind.

Erreurs

Ne vérifier que les boutons ; confondre seuils large vs normal.

Deep link

?fg=&bg=

/* /fr/contrast?fg=… */

FAQ

Comment marche Fix ?

Teinte/chroma fixes, L jusqu’à AA.

Partager ?

Copy link avec fg/bg.