3DEFree ToolsCouleurs et contraste
Design

La couleur juste.

Choisissez vos couleurs. Voyez le contraste et copiez chaque format instantanément.

Votre palette

Cliquez sur une couleur ou saisissez une valeur HEX, RGB ou HSL.

HEX
#2456C5
RGB
rgb(36, 86, 197)
HSL
hsl(221.37, 69.1%, 45.69%)
HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)

Essayez une association

Aperçu en direct

Sans attendre

Les détails font la différence.

Un texte agréable à lire, du premier coup d’œil à la dernière ligne.

Rapport de contraste6,54:1
Lisible en texte courant
  • AA · Texte courantMinimum 4,5:1Conforme
  • AA · Grand texteMinimum 3:1Conforme
  • AAA · Texte courantMinimum 7:1Insuffisant
  • AAA · Grand texteMinimum 4,5:1Conforme

Grand texte : au moins 24 px, ou 18,7 px en gras. Les seuils utilisent le ratio exact, avant arrondi.

Vos données restent sur cet appareil. Aucun envoi vers un serveur.

Fonctionnement et limites

Couleurs opaques uniquement. Le contraste évalue la lisibilité du texte selon les seuils WCAG AA et AAA ; il ne remplace pas un audit complet d’accessibilité.

Comprendre les seuils de contraste WCAG