Web UI Accessibility Tokens
- Readable Navy#1f2937
- Label White#ffffff
- Focus Aqua#22d3ee
- Error Red#ef4444
- Active Lavender#ddd6fe
- Support Grey#d1d5db
Créé le 06/14/2025 19:44
La palette se compose de Sombre, Clair couleurs. Couleurs d'accent Focus Aqua #22d3ee et Active Lavender #ddd6fe. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #1F2937 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 teintes atténuées et 3 vives sur 6 couleurs.
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 froid (4 sur 6).
Codes HEX (triés) : #1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF
La palette Web UI Accessibility Tokens combine 6 codes couleur:
HEX: #1f2937, RVB: (31, 41, 55); HEX: #ffffff, RVB: (255, 255, 255); HEX: #22d3ee, RVB: (34, 211, 238)
HEX: #ef4444, RVB: (239, 68, 68); HEX: #ddd6fe, RVB: (221, 214, 254); HEX: #d1d5db, RVB: (209, 213, 219)
Version simplifiée des couleurs de la palette
Teinte de Noir, Blanc, Teinte de Turquoise foncé, Nuance de Rouge indien, Nuance de Lavande, Teinte de Gris clair
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Web UI Accessibility Tokens codes de couleur HEX, informations RVB dans le tableau
Contraste de la palette de couleurs
6 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 |
|---|---|---|
#ffffff | #22d3ee | 1.8 |
#ffffff | #ddd6fe | 1.38 |
#ffffff | #d1d5db | 1.47 |
#22d3ee | #ddd6fe | 1.3 |
#22d3ee | #d1d5db | 1.22 |
#ddd6fe | #d1d5db | 1.06 |
Palette d'images Web UI Accessibility Tokens png
Exporter la palette
Téléchargez la "Web UI Accessibility Tokens" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :