Créé à 07/02/2025 16:49
Design System Tokens Library
- Token Blue#42a5f5
- Spacing Smoke#f5f5f5
- Border Ash#bdbdbd
- Typography Graphite#212121
- Radius Mint#a5d6a7
- Z-Index Black#000000
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Token Blue #42a5f5 et Spacing Smoke #f5f5f5. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #000000 (plus sombre) à #F5F5F5 (plus clair). L’écart de luminosité est large.
La saturation semble globalement plutôt faible (chromie basse).
La plupart des couleurs sont proches du neutre ou peu saturées ; les relations de teinte sont subtiles.
La plupart des pastilles lisent comme neutres en température.
Codes HEX (triés) : #000000, #212121, #42A5F5, #A5D6A7, #BDBDBD, #F5F5F5
La palette Design System Tokens Library a une combinaison de couleurs de codes 6:
HEX: #42a5f5, RVB: (66, 165, 245); HEX: #f5f5f5, RVB: (245, 245, 245); HEX: #bdbdbd, RVB: (189, 189, 189)
HEX: #212121, RVB: (33, 33, 33); HEX: #a5d6a7, RVB: (165, 214, 167); HEX: #000000, RVB: (0, 0, 0)
Version simplifiée des couleurs de la palette
Ombre de dodgerblue, Nuance de Argent, Ombre de Noir, Ombre de darkseagreen, Noir
Le jeu de couleurs a été créé par colorhunt
Codes couleurs dans la palette
Design System Tokens Library codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #42a5f5 | #42a5f5 | RVB(66, 165, 245) | Token Blue | — |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Spacing Smoke | White Smoke |
| #bdbdbd | #bdbdbd | RVB(189, 189, 189) | Border Ash | Gray74 |
| #212121 | #212121 | RVB(33, 33, 33) | Typography Graphite | Lead |
| #a5d6a7 | #a5d6a7 | RVB(165, 214, 167) | Radius Mint | — |
| #000000 | #000000 | RVB(0, 0, 0) | Z-Index Black | Black |
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 |
#42a5f5 | #bdbdbd | 1.4 |
#42a5f5 | #a5d6a7 | 1.61 |
#f5f5f5 | #bdbdbd | 1.72 |
#f5f5f5 | #a5d6a7 | 1.5 |
#bdbdbd | #a5d6a7 | 1.14 |
#212121 | #000000 | 1.3 |
Palette d'images Design System Tokens Library png
Exporter la palette
Téléchargez la "Design System Tokens Library" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :