Créé à 07/28/2025 11:05
Web Component Accessibility Stack
- Contrast Navy#1a1d3f
- Readable White#ffffff
- Flowchart Blue#3a86ff
- Modal Gray#e0e0e0
- Highlight Magenta#ff4ecc
- Interaction Gold#ffd23f
- UI Fog#f9fafb
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Flowchart Blue #3a86ff et Interaction Gold #ffd23f. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #1A1D3F (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF
La palette Web Component Accessibility Stack a une combinaison de couleurs de codes 7:
HEX: #1a1d3f, RVB: (26, 29, 63); HEX: #ffffff, RVB: (255, 255, 255); HEX: #3a86ff, RVB: (58, 134, 255)
HEX: #e0e0e0, RVB: (224, 224, 224); HEX: #ff4ecc, RVB: (255, 78, 204); HEX: #ffd23f, RVB: (255, 210, 63)
HEX: #f9fafb, RVB: (249, 250, 251)
Version simplifiée des couleurs de la palette
Nuance de midnightblue, Blanc, Ombre de dodgerblue, Ombre de gainsboro, Nuance de hotpink, Ombre de gold, Ombre de whitesmoke
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Web Component Accessibility Stack codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #1a1d3f | #1a1d3f | RVB(26, 29, 63) | Contrast Navy | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Readable White | White |
| #3a86ff | #3a86ff | RVB(58, 134, 255) | Flowchart Blue | — |
| #e0e0e0 | #e0e0e0 | RVB(224, 224, 224) | Modal Gray | Gray88 |
| #ff4ecc | #ff4ecc | RVB(255, 78, 204) | Highlight Magenta | — |
| #ffd23f | #ffd23f | RVB(255, 210, 63) | Interaction Gold | — |
| #f9fafb | #f9fafb | RVB(249, 250, 251) | UI Fog | — |
Contraste de la palette de couleurs
7 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 | #e0e0e0 | 1.32 |
#ffffff | #ffd23f | 1.44 |
#ffffff | #f9fafb | 1.04 |
#3a86ff | #ff4ecc | 1.19 |
#e0e0e0 | #ffd23f | 1.09 |
#e0e0e0 | #f9fafb | 1.26 |
Palette d'images Web Component Accessibility Stack png
Exporter la palette
Téléchargez la "Web Component Accessibility Stack" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :