Créé à 06/05/2025 19:49
Material Design Spectrum Suite
- Surface Stone#f5f5f5
- Primary Indigo#3f51b5
- Accent Magenta#ec407a
- Typography Coal#212121
- Divider Silver#bdbdbd
- Error Crimson#d32f2f
- Success Mint#4caf50
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Accent Magenta #ec407a et Success Mint #4caf50. La palette a une température de couleur Neutre, Froid, Chaud.
En luminosité, cette palette va de #212121 (plus sombre) à #F5F5F5 (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes sont largement réparties — palette variée (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #212121, #3F51B5, #4CAF50, #BDBDBD, #D32F2F, #EC407A, #F5F5F5
La palette Material Design Spectrum Suite a une combinaison de couleurs de codes 7:
HEX: #f5f5f5, RVB: (245, 245, 245); HEX: #3f51b5, RVB: (63, 81, 181); HEX: #ec407a, RVB: (236, 64, 122)
HEX: #212121, RVB: (33, 33, 33); HEX: #bdbdbd, RVB: (189, 189, 189); HEX: #d32f2f, RVB: (211, 47, 47)
HEX: #4caf50, RVB: (76, 175, 80)
Version simplifiée des couleurs de la palette
Nuance de slateblue, Ombre de deeppink, Ombre de Noir, Nuance de Argent, Ombre de crimson, Nuance de mediumseagreen
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Material Design Spectrum Suite codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Surface Stone | White Smoke |
| #3f51b5 | #3f51b5 | RVB(63, 81, 181) | Primary Indigo | — |
| #ec407a | #ec407a | RVB(236, 64, 122) | Accent Magenta | — |
| #212121 | #212121 | RVB(33, 33, 33) | Typography Coal | Lead |
| #bdbdbd | #bdbdbd | RVB(189, 189, 189) | Divider Silver | Gray74 |
| #d32f2f | #d32f2f | RVB(211, 47, 47) | Error Crimson | — |
| #4caf50 | #4caf50 | RVB(76, 175, 80) | Success Mint | — |
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 |
#f5f5f5 | #bdbdbd | 1.72 |
#3f51b5 | #ec407a | 1.82 |
#3f51b5 | #d32f2f | 1.38 |
#ec407a | #d32f2f | 1.32 |
#ec407a | #4caf50 | 1.35 |
#bdbdbd | #4caf50 | 1.47 |
Palette d'images Material Design Spectrum Suite png
Exporter la palette
Téléchargez la "Material Design Spectrum Suite" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :