mtools.lol
fr
EnglishالعربيةČeštinaDanskDeutschΕλληνικάEspañolSuomiFilipinoFrançaisעבריתहिन्दीMagyarBahasa IndonesiaItaliano日本語한국어Bahasa MelayuNorsk BokmålNederlandsPolskiPortuguêsRomânăРусскийSvenskaไทยTürkçeУкраїнськаTiếng Việt简体中文

Vérificateur de contraste de couleur

Beta

Vérifiez si votre combinaison de couleurs de texte et d'arrière-plan respecte les directives d'accessibilité WCAG.

  • Gratuit
  • Sans inscription
  • S’exécute dans votre navigateur
  • Fonctionne sur mobile

Vérificateur de contraste de couleur en un coup d’œil

Entrée
Couleurs de premier plan et d'arrière-plan
Sortie
Rapport de contraste et statut de conformité WCAG
Confidentialité
Tout se passe sur votre appareil. Rien n’est envoyé sur nos serveurs.
Prix
Gratuit, sans compte, sans filigrane.

Comment utiliser Vérificateur de contraste de couleur

  1. 1Saisissez une couleur de texte (premier plan) et une couleur d'arrière-plan.
  2. 2L'outil calcule instantanément le rapport de contraste entre les deux couleurs.
  3. 3Il indique si la combinaison réussit ou échoue aux normes WCAG AA et AAA pour les textes normaux et volumineux.

Fonctionnalités

  • Calcul du rapport de contraste en direct.
  • Statut de conformité WCAG AA et AAA.
  • Accepte les formats de couleurs HEX, RVB ou HSL.
  • Aperçu visuel du texte sur le fond choisi.

FAQ Vérificateur de contraste de couleur

Qu'est-ce que les WCAG ?

WCAG signifie Web Content Accessibility Directives. Il s'agit d'un ensemble de normes visant à rendre le contenu Web plus accessible aux personnes handicapées, notamment les personnes déficientes visuelles.

Qu'est-ce qu'un bon rapport de contraste ?

Les WCAG AA nécessitent un rapport d'au moins 4,5:1 pour le texte normal et 3,1:1 pour le texte volumineux. WCAG AAA nécessite 7:1 pour le texte normal et 4,5:1 pour le texte volumineux.

Pourquoi le contraste est-il important ?

Un contraste élevé garantit que le texte est lisible et lisible par tout le monde, en particulier les utilisateurs malvoyants ou daltoniens.

Outils associés

Convertisseur HEX en RVBBetaConvertissez instantanément les codes de couleur HEX en RVB et vice versa.Décodeur Base64 en ligneRétablissez le texte clair d'origine à partir d'une chaîne encodée en Base64 en décodant parfaitement l'UTF-8.Encodeur Base64 en ligneConvertissez n'importe quel texte ou données binaires en chaîne de caractères Base64 sécurisée selon la norme RFC 4648.Générateur d'arrondis CSS (border-radius)Créez visuellement des formes organiques et des bordures arrondies personnalisées pour vos boutons et cartes en CSS.

Plus d’outils developer toolsDernière mise à jour