Pourquoi WCAG exige 4.5:1 de contraste?
C'est le standard AA pour que les malvoyants puissent lire sans aide technique.
Sélecteur de couleur
Choisissez des couleurs et convertissez entre HEX, RGB, HSL
Rapport de contraste
⬜ ⬛
Couleur complémentaire & Couleurs analogues
Sélecteur de couleur
HEX ou RGB en CSS?
HEX est plus concis et plus courant. Utilisez rgba() pour la transparence.
Comment implémenter les couleurs dark mode?
Utilisez des propriétés CSS personnalisées avec @media (prefers-color-scheme: dark).
Codes couleur: HEX, RGB et HSL
HEX, RGB et HSL sont trois manières de représenter les couleurs. HEX est le plus courant sur le web, RGB utilise des valeurs rouge-vert-bleu, HSL utilise teinte-saturation-luminosité.
Qu'est-ce que le ratio de contraste WCAG?
Le standard WCAG AA exige un ratio de contraste d'au moins 4.5:1 pour que les utilisateurs malvoyants puissent lire le texte.
HSL: Le modèle de couleur intuitif
HSL utilise Teinte (0-360°), Saturation (0-100%) et Luminosité (0-100%) pour décrire les couleurs.
Couleurs complémentaires et analogues
Les couleurs complémentaires s'opposent à 180° sur la roue chromatique. Les couleurs analogues créent des palettes harmonieuses.
Gestion des couleurs avec CSS Custom Properties
Les variables CSS centralisent la gestion des couleurs et facilitent les thèmes et le mode sombre.
Questions frequemment posees
HEX ou RGB en CSS?
HEX est plus concis et plus courant. Utilisez rgba() pour la transparence.
Pourquoi WCAG exige 4.5:1 de contraste?
C'est le standard AA pour que les malvoyants puissent lire sans aide technique.
Comment implémenter les couleurs dark mode?
Utilisez des propriétés CSS personnalisées avec @media (prefers-color-scheme: dark).