Générateur de palette de couleurs accessible
Générez gratuitement une palette de couleurs harmonieuse et vérifiez instantanément ses contrastes selon les seuils WCAG et RGAA.
Définir la couleur
Choisissez votre couleur principale. Nous générons automatiquement une harmonie monochrome conforme.
Aperçu de la palette
Exporter le code
:root {
}Créer un Design System accessible
L'accessibilité ne doit pas être une contrainte qui arrive à la fin du projet. Elle doit être pensée dès le choix des couleurs.
Ce générateur vous permet de construire une échelle de couleurs complète (de 50 à 900) à partir d'une seule teinte, tout en vous indiquant immédiatement quelles combinaisons sont conformes au RGAA.
Comment utiliser ces palettes ?
- Texte sur fond coloré : Utilisez les nuances foncées (700-900) sur les nuances claires (50-200) pour garantir un ratio suffisant.
- États interactifs : Prévoyez des variantes accessibles pour le survol (hover) et le focus.
- Mode sombre : Nos palettes sont conçues pour s'adapter facilement aux thèmes sombres.
Exportez votre palette en CSS, Tailwind ou JSON pour l'intégrer directement dans votre projet.
Allez plus loin dans l'accessibilité
Votre site respecte-t-il les 106 critères du RGAA ? Lancez un audit complet gratuit pour découvrir les problèmes d'accessibilité et comment les corriger.
Scanner mon site gratuitement