Étiquette · 6 ressources

Ressources design : contraste

Toutes les entrées de l’index portant cette étiquette, réparties dans 2 catégories : Couleurs, Outils design.

6 ressources

Stark

Suite d'accessibilité intégrée à Figma et au navigateur : contraste, simulation de vision, ordre de focus et annotations pour les développeurs.

Outils Freemium Propriétaire Suite accessibilité
#000000

APCA Contrast Calculator

Le calcul de contraste retenu pour les futures WCAG 3 : il tient compte de la taille et de la graisse du texte, là où le ratio 4,5:1 les ignore.

Couleurs Gratuit Propriétaire Calculateur
#FFFFFF

Leonardo

Outil d'Adobe qui construit une échelle à partir d'un rapport de contraste cible : vous fixez 4,5:1, il calcule la couleur, pas l'inverse.

Couleurs Gratuit Apache 2.0 Générateur d’échelles
#0B0C10

Realtime Colors

Teste une palette sur une vraie page de démonstration plutôt que sur des carrés : texte, fond, bouton et carte se recolorent en direct.

Couleurs Gratuit Propriétaire Banc d’essai
#005FCC

WebAIM Contrast Checker

La référence pour le contrôle WCAG 2.2 : ratio, verdict AA et AAA pour texte courant et large, avec curseur de correction de clarté.

Couleurs Gratuit Propriétaire Vérificateur
#264653

Coolors

Le générateur au clavier : barre d'espace pour tirer une palette, verrouillage des teintes gardées, export direct en variables CSS.

Couleurs Freemium Freemium Millions de palettes