Créé à 08/21/2025 11:56
System Design Accessibility Matrix
- Diagram Navy#283593
- Schema Aqua#00acc1
- Entity Coral#f06292
- Wire Beige#fff9c4
- Node Black#202020
- Interaction Mint#a5d6a7
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Schema Aqua #00acc1 et Wire Beige #fff9c4. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #202020 (plus sombre) à #FFF9C4 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
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) : #00ACC1, #202020, #283593, #A5D6A7, #F06292, #FFF9C4
La palette System Design Accessibility Matrix a une combinaison de couleurs de codes 6:
HEX: #283593, RVB: (40, 53, 147); HEX: #00acc1, RVB: (0, 172, 193); HEX: #f06292, RVB: (240, 98, 146)
HEX: #fff9c4, RVB: (255, 249, 196); HEX: #202020, RVB: (32, 32, 32); HEX: #a5d6a7, RVB: (165, 214, 167)
Version simplifiée des couleurs de la palette
Nuance de darkslateblue, Nuance de cadetblue, Nuance de palevioletred, Nuance de lemonchiffon, Ombre de Noir, Ombre de darkseagreen
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
System Design Accessibility Matrix codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #283593 | #283593 | RVB(40, 53, 147) | Diagram Navy | — |
| #00acc1 | #00acc1 | RVB(0, 172, 193) | Schema Aqua | — |
| #f06292 | #f06292 | RVB(240, 98, 146) | Entity Coral | — |
| #fff9c4 | #fff9c4 | RVB(255, 249, 196) | Wire Beige | — |
| #202020 | #202020 | RVB(32, 32, 32) | Node Black | — |
| #a5d6a7 | #a5d6a7 | RVB(165, 214, 167) | Interaction Mint | — |
Contraste de la palette de couleurs
5 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 |
#283593 | #202020 | 1.56 |
#00acc1 | #f06292 | 1.11 |
#00acc1 | #a5d6a7 | 1.66 |
#f06292 | #a5d6a7 | 1.86 |
#fff9c4 | #a5d6a7 | 1.53 |
Palette d'images System Design Accessibility Matrix png
Exporter la palette
Téléchargez la "System Design Accessibility Matrix" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :