Saisissez la couleur du texte et celle du fond, ou testez votre logo. L'outil calcule le contraste selon les règles WCAG et indique si le duo reste lisible. Le seuil à viser : 4.5:1.
13.85:1
Excellent. Lisible en texte courant comme en titre, niveau AAA.
Code attendu : 3 ou 6 caractères, ex. #2A1D14
Code attendu : 3 ou 6 caractères, ex. #F6EAE3
Suggestion : gardez le fond et passez le texte en , soit .
Chaque tirage est imprimé sur papier fine art, signé au dos et numéroté à la main. L'édition s'arrête à trente exemplaires, puis le fichier est archivé.
#2A1D14 sur #F6EAE3
Paragraphes, légendes, liens, boutons. Texte de moins de 24 px.
Tirages d'art signés
Marseille, quai du port
#2A1D14 sur #F6EAE3
Texte de 24 px et plus, ou de 19 px et plus en gras.
Importez votre logo en SVG ou en PNG, puis choisissez un fond. L'outil repère jusqu'à trois couleurs dans le fichier et mesure le contraste de chacune. Le fichier est lu par votre navigateur et n'est jamais envoyé.
Code attendu : 3 ou 6 caractères, ex. #F6EAE3
Votre fichier a un fond opaque. Posé sur une autre couleur, il restera visible comme un rectangle : exportez-le en PNG transparent ou en SVG.
Détection automatique : sur un logo en aplats, les couleurs sont exactes. Sur un dégradé ou une photo, elles sont approximatives.
Votre logo apparaîtra ici, sur le fond choisi.
Seuil visé : 3:1 pour un logo, 4.5:1 s'il contient du petit texte.
Aucun logo chargé pour l'instant.
Le calcul suit les WCAG 2 (Web Content Accessibility Guidelines), la référence internationale de l'accessibilité web. Chaque couleur reçoit une luminance relative, de 0 pour le noir à 1 pour le blanc. Le ratio vaut (L1 + 0.05) / (L2 + 0.05), L1 étant la couleur la plus claire. Il va de 1:1, deux couleurs identiques, à 21:1, du noir sur du blanc. Le résultat est tronqué, jamais arrondi au-dessus : 4.49:1 reste un échec.
Le seuil à viser. En dessous, la lecture fatigue vite, surtout sur mobile, en plein soleil ou avec une vue qui baisse.
Suffisant pour le texte de 24 px et plus, ou 19 px en gras. Même seuil pour les icônes et les contours de boutons ou de champs.
Le niveau renforcé. Conseillé pour les longs textes et pour les publics malvoyants.
Les WCAG n'imposent rien aux logos. Le studio vise 3:1 pour qu'ils restent visibles, et 4.5:1 quand ils contiennent du petit texte.
Tout se calcule dans votre navigateur. Aucune couleur ni aucun fichier n'est enregistré ou transmis. Critère 1.4.3 des WCAG (W3C)
Un résultat qui vous semble faux, un fichier qui ne passe pas, une idée pour améliorer l'outil ? Écrivez au studio, chaque message est lu.