Creato a 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 tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Accent Magenta #ec407a e Success Mint #4caf50. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #212121 (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #212121, #3F51B5, #4CAF50, #BDBDBD, #D32F2F, #EC407A, #F5F5F5
La tavolozza Material Design Spectrum Suite ha una combinazione di colori dei codici 7:
ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #3f51b5, RGB: (63, 81, 181); ESADECIMALE: #ec407a, RGB: (236, 64, 122)
ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #bdbdbd, RGB: (189, 189, 189); ESADECIMALE: #d32f2f, RGB: (211, 47, 47)
ESADECIMALE: #4caf50, RGB: (76, 175, 80)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di deeppink, Ombra di Nero, Tonalità di Argento, Ombra di crimson, Tonalità di mediumseagreen
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Material Design Spectrum Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Surface Stone | White Smoke |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | Accent Magenta | — |
| #212121 | #212121 | RGB(33, 33, 33) | Typography Coal | Lead |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Divider Silver | Gray74 |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Error Crimson | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Mint | — |
Contrasto della palette di colori
7 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#f5f5f5 | #bdbdbd | 1.72 |
#3f51b5 | #ec407a | 1.82 |
#3f51b5 | #d32f2f | 1.38 |
#ec407a | #d32f2f | 1.32 |
#ec407a | #4caf50 | 1.35 |
#bdbdbd | #4caf50 | 1.47 |
Tavolozza immagini Material Design Spectrum Suite png
Esporta tavolozza
Scarica la "Material Design Spectrum Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: