Vérificateur de contraste WCAG
Vérifie si la combinaison de couleur de texte et d'arrière-plan respecte les niveaux d'accessibilité AA et AAA.
Comment vérifier le contraste de deux couleurs
Choisissez la couleur du texte et de l'arrière-plan
Entrez les codes HEX ou utilisez les sélecteurs visuels pour les deux couleurs.
Consultez le ratio de contraste
Vous verrez le ratio calculé instantanément accompagné d'un aperçu du texte sur le fond choisi.
Vérifiez la conformité WCAG AA ou AAA
L'outil indique si la combinaison convient pour le texte normal et le texte grand, à chaque niveau.
Questions fréquentes sur le contraste des couleurs
Un bon contraste entre le texte et le fond est essentiel pour que toute personne puisse lire votre contenu, y compris les personnes ayant une vision faible. PDFDocks calcule le ratio exact selon la norme WCAG.
Qu'est-ce que AA et AAA ?
+
Ce sont les deux niveaux de conformité des directives d'accessibilité WCAG : AA est le minimum recommandé et AAA est le niveau le plus exigeant.
Quel ratio de contraste ai-je besoin ?
+
Pour un texte normal, un minimum de 4,5:1 (AA) ou 7:1 (AAA) est recommandé ; pour un texte large, 3:1 (AA) ou 4,5:1 (AAA).
Pourquoi le contraste est-il important ?
+
Un contraste insuffisant rend la lecture difficile, particulièrement pour les personnes malvoyantes ou sur des écrans avec beaucoup de lumière ambiante.
Dois-je installer un programme ?
+
Non, aucune installation n'est nécessaire. Cela fonctionne directement depuis votre navigateur.
Est-ce gratuit ?
+
Oui, cet outil est complètement gratuit.
Fonctionne-t-il pour vérifier la conception d'un site web entier ?
+
Il fonctionne pour vérifier des combinaisons spécifiques ; pour auditer un site web complet, vous devrez vérifier chaque combinaison de texte et de fond que vous utilisez.
Couleurs
Convertisseur de couleurs (HEX, RGB, HSL, CMYK)
Convertissez n'importe quelle couleur entre HEX, RGB, HSL et CMYK instantanément, avec aperçu en direct et nom de couleur le plus proche.
Générateur de palettes de couleurs
Créez des palettes de 5 couleurs harmonieuses (complémentaires, analogues, triadiques ou monochromatiques) à partir d'une couleur de base.
Générateur de dégradés CSS
Créez des dégradés linéaires ou radiaux avec jusqu'à 4 couleurs et copiez le code CSS prêt à l'emploi.
Couleur aléatoire
Générez une couleur aléatoire en un clic et découvrez son nom, son code HEX/RGB/HSL et les couleurs similaires.
Sélecteur de couleur (pipette)
Choisissez n'importe quelle couleur de votre écran avec l'outil pipette du navigateur, ou utilisez le sélecteur classique.
Simulateur de daltonisme
Téléchargez une image et découvrez comment la verraient les personnes atteintes de protanopie, deutéranopie ou tritanopie.
Générateur de Dégradés Mesh
Créez des arrière-plans avec dégradés mesh (taches de couleur estompées) et téléchargez-les en PNG ou copiez le code CSS.
Générateur de Teintes et d'Ombres
Générez automatiquement les teintes les plus claires et les ombres les plus foncées de n'importe quelle couleur, avec son code HEX.
Mélangeur de Couleurs
Mélangez deux couleurs et découvrez les teintes intermédiaires étape par étape, avec leur code HEX.
Roue Chromatique (Harmonies)
Choisissez une couleur sur la roue et découvrez ses combinaisons harmonieuses : complémentaires, analogues, triadiques et plus.
Extracteur de Palette depuis Image
Téléchargez une image et extrayez automatiquement ses couleurs dominantes dans une palette, avec le code HEX de chacune.
Couleur Moyenne d'une Image
Téléchargez une image et calculez instantanément sa couleur moyenne, avec ses codes HEX, RGB et HSL.
Explorez les couleurs par famille
Plus de 469 couleurs nommées, avec leurs codes HEX, RGB, HSL et CMYK, organisées dans 12 familles de teintes.
