Équilibreur de palette
Check palette contrast against a base color and auto-suggest accessible tweaks.
Summary
No colors meet target
No adjustments needed
Results
Add HEX colors to evaluate contrast.
Tips
- Keep at least AA (4.5:1) for text on brand surfaces.
- Test both light and dark modes—base color shifts can change results.
- Export CSS variables or JSON to sync with design systems.
Aperçu
Comparez les couleurs d'une palette à une couleur de fond cible pour atteindre rapidement les ratios de contraste requis.
Utilisation
- Définir la couleur de fond et le ratio visé.
- Coller les valeurs HEX de la palette.
- Appliquer les suggestions et exporter les tokens CSS/JSON.
Cas d'usage
- Vérifier que les couleurs de marque respectent l'AA dans vos interfaces.
- Proposer des variantes accessibles pour les campagnes.
- Préparer les déclinaisons mode sombre avant la revue design.
Conseils & connaissances
- Tester les couleurs dans de vrais composants, les superpositions peuvent changer le contraste.
- Synchroniser les exports avec votre système de design pour éviter les écarts.
- Partager les JSON avec QA et designers pour garder une source unique.