# Verificateur de contraste de palette accessible Controle les combinaisons de couleurs selon WCAG 2.1 AA et AAA avec suggestions dustement > Page canonique: https://elysiatools.com/fr/tools/accessible-color-palette-contrast-checker - **Catégorie:** Design - **Mots-clés:** wcag, contrast, accessibility, palette, color audit, design system ## Présentation Pratique pour palettes de marque et systemes de design avec recommandations automatiques. ## Entrées - **Couleurs de la palette** (textarea): brand-primary: #1D4ED8 brand-secondary: #F59E0B surface: #FFFFFF text: #111827 - **Objectif WCAG** (select) - **Inclure les paires identiques** (checkbox) ## Quand l'utiliser - Lors de la création ou de la mise à jour d'un système de design (Design System) pour valider l'accessibilité des couleurs de base. - Avant le lancement d'un site web ou d'une application pour s'assurer que le texte est lisible pour tous les utilisateurs. - Lors d'un audit d'accessibilité (WCAG) pour générer rapidement un rapport sur les contrastes d'une charte graphique existante. ## Fonctionnement - Saisissez les couleurs de votre palette dans le champ texte, en utilisant le format 'nom: #codeHexa' (par exemple, 'surface: #FFFFFF'). - Sélectionnez votre objectif de conformité WCAG (AA, AAA, texte normal ou grand texte) dans le menu déroulant. - Cochez l'option pour inclure les paires identiques si vous souhaitez tester absolument toutes les combinaisons. - L'outil génère un rapport JSON détaillant les combinaisons valides, les échecs de contraste et des recommandations d'ajustement. ## Cas d'usage - Audit complet des couleurs d'une charte graphique d'entreprise pour la conformité légale en matière d'accessibilité numérique. - Intégration des vérifications de contraste lors de la définition des variables CSS d'un nouveau thème d'interface utilisateur (UI). - Génération de rapports de conformité WCAG pour les clients d'une agence web lors de la phase de conception visuelle. ## Questions fréquentes ### Qu'est-ce que la norme WCAG 2.1 pour le contraste ? Les règles WCAG 2.1 exigent un ratio de contraste minimum de 4.5:1 pour le texte normal (niveau AA) et de 7:1 pour le niveau AAA, afin de garantir une lisibilité optimale. ### Comment dois-je formater ma liste de couleurs ? Entrez une couleur par ligne avec son nom suivi de son code hexadécimal, par exemple : 'primaire: #2563EB'. ### Quelle est la différence entre le texte normal et le grand texte ? Le grand texte (généralement 18pt ou 14pt en gras) nécessite un ratio de contraste moins strict (3:1 pour AA) que le texte normal (4.5:1 pour AA). ### L'outil propose-t-il des solutions pour les couleurs non conformes ? Oui, le rapport JSON généré inclut des recommandations d'ajustement pour les combinaisons qui échouent aux tests de contraste. ### Puis-je tester les couleurs d'arrière-plan avec elles-mêmes ? Oui, en cochant l'option 'Inclure les paires identiques', l'outil testera chaque couleur contre elle-même (ce qui donnera un ratio de 1:1). ## Outils associés - [Vérificateur d'Accessibilité des Couleurs](https://elysiatools.com/fr/tools/color-accessibility-checker): Vérifie les ratios de contraste des couleurs pour la conformité WCAG - [Vérificateur de Contraste de Couleur](https://elysiatools.com/fr/tools/color-contrast-checker): Vérifier le rapport de contraste des couleurs et la conformité WCAG pour l'accessibilité - [Convertisseur d'espaces colorimetriques](https://elysiatools.com/fr/tools/color-space-converter): Convertit une couleur entre HEX, RGB, HSL, CIELAB et Display-P3 avec sortie CSS et verification de gamme. - [Verificateur daccessibilite de vision des couleurs](https://elysiatools.com/fr/tools/color-vision-accessibility-checker): Mesure le contraste WCAG, simule les principales deficiences visuelles et signale les zones a faible contraste. - [Calculateur de Macronutriments pour NP](https://elysiatools.com/fr/tools/tpn-macronutrient-calculator): Calcule glucose/acides aminés/lipides en grammes et kcal, les calories non protidiques, le ratio kcal non prot:g d'azote, la répartition calorique et les valeurs par kg, à partir de la prescription de nutrition parentérale. Densités : glucose 3.4 kcal/g, acides aminés 4.0 kcal/g, lipides 20% ≈ 2.0 kcal/mL (10% 1.1, 30% 3.0). Azote des AA ≈ 16% → N = AA × 0.16. Ratio kcal non prot:g N optimal ~150:1 (épargne protéique) ; <100:1 protéique (stress) ; >200:1 énergétique (risque de surnutrition : CO₂, stéatose). Objectifs (ASPEN/ESPEN) : énergie 20–30 kcal/kg/j (stress jusqu'à 30–35) ; protéine 1.0–1.5 g/kg/j (réanimation jusqu'à 2.0) ; glucose ≤ 4–5 mg/kg/min ; lipides ≤ 1.0–1.5 g/kg/j, ≤30–40% des kcal non prot. Précautions : outil d'analyse, pas une recette — la NP est préparée en pharmacie en conditions aseptiques ; vérifiez la courbe Ca-PO₄ pour éviter la précipitation ; reprenez la nutrition entérale dès que possible (la NP a un risque accru de CLABSI et métabolique) ; surveillez glycémie, triglycérides, bilan hépatique, électrolytes et bilan hydrique quotidiennement. Sources : ASPEN 2016, ESPEN 2019, McClave 2016, Mirtallo 2004. Non un avis médical. - [Generateur de rapport daudit daccessibilite](https://elysiatools.com/fr/tools/accessibility-audit-report-generator): Audite du HTML ou une URL pour detecter des problemes WCAG courants et exporte un PDF structure - [Verificateur d accessibilite](https://elysiatools.com/fr/tools/accessibility-checker): Detecte les problemes WCAG 2.1 courants dans du HTML, des pages ou des maquettes et fournit des corrections concretes - [Générateur de Schémas de Couleurs](https://elysiatools.com/fr/tools/color-scheme-generator): Génère des schémas de couleurs et des palettes professionnels pour les projets de design ## Exemples - [Exemples de codes couleur](https://elysiatools.com/fr/samples/color-code): Collection de codes de couleur dans différents formats (Hex, RGB, HSL, couleurs nommées) pour les tests de validation - [Exemples de Traitement d'Images Android Java](https://elysiatools.com/fr/samples/android-image-processing-java): Exemples de traitement d'images Android Java incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Android Kotlin](https://elysiatools.com/fr/samples/android-image-processing-kotlin): Exemples de traitement d'images Android Kotlin incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format ## Contenu associé - [Generateurs d'effets CSS, palettes et design tokens](https://elysiatools.com/fr/hubs/design-generate): Des outils reunis pour effets visuels CSS, creation de palettes et generation de design tokens dans un seul hub. - [Outils d audit d accessibilite web et de couleurs accessibles](https://elysiatools.com/fr/hubs/web-accessibility-audits): Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles. - [Outils de Design Couleur et Conversion d'Espaces Colorimétriques](https://elysiatools.com/fr/hubs/color-design-tools): Comparer des convertisseurs de couleur, des générateurs de palettes, des outils d'harmonie, des vérificateurs d'accessibilité et des utilitaires d'ajustement de couleur dans un seul hub pour designers et développeurs. - [Outils de conversion d'espaces colorimetriques pour web et impression](https://elysiatools.com/fr/hubs/design-convert): Des outils reunis pour conversion d'espaces colorimetriques entre web et impression dans un seul hub.