Générateur de Palette Accessible
Générez des nuances et vérifiez leur contraste instantanément.
Définir la couleur
Choisissez votre couleur principale. Nous générons automatiquement une harmonie monochrome conforme.
Aperçu de la palette
Conforme (AA/AAA) Non Conforme
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.