Accessible Contrast Design Tokens
- Readable Blue#1e88e5
- Overlay White#ffffff
- Focus Black#0c0c0c
- Highlight Yellow#fff176
- Toggle Red#ff5252
Créé le 07/05/2025 13:18
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Readable Blue #1e88e5 et Highlight Yellow #fff176. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #0C0C0C (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 60% des couleurs sont vives.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le chaud (2 sur 5).
Codes HEX (triés) : #0C0C0C, #1E88E5, #FF5252, #FFF176, #FFFFFF
La palette Accessible Contrast Design Tokens combine 5 codes couleur:
HEX: #1e88e5, RVB: (30, 136, 229); HEX: #ffffff, RVB: (255, 255, 255); HEX: #0c0c0c, RVB: (12, 12, 12)
HEX: #fff176, RVB: (255, 241, 118); HEX: #ff5252, RVB: (255, 82, 82)
Version simplifiée des couleurs de la palette
Nuance de Bleu Dodger, Blanc, Teinte de Noir, Teinte de Kaki, Nuance de Tomate
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
Accessible Contrast Design Tokens codes de couleur HEX, informations RVB dans le tableau
Contraste de la palette de couleurs
2 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#1e88e5 | #ff5252 | 1.15 |
#ffffff | #fff176 | 1.16 |
Palette d'images Accessible Contrast Design Tokens png
Exporter la palette
Téléchargez la "Accessible Contrast Design Tokens" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :