Creato a 06/09/2025 16:10
Material Design Interaction Layers
- Elevation Gray#eceff1
- Ripple Blue#42a5f5
- Touchpoint Amber#ffc107
- Toolbar Graphite#212121
- Snack Red#ef5350
- Dialog Cream#fff8e1
La tavolozza è composta da Leggero, Buio colori. Colori accentati Ripple Blue #42a5f5 e Dialog Cream #fff8e1. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #212121 (più scuro) a #FFF8E1 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #212121, #42A5F5, #ECEFF1, #EF5350, #FFC107, #FFF8E1
La tavolozza Material Design Interaction Layers ha una combinazione di colori dei codici 6:
ESADECIMALE: #eceff1, RGB: (236, 239, 241); ESADECIMALE: #42a5f5, RGB: (66, 165, 245); ESADECIMALE: #ffc107, RGB: (255, 193, 7)
ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #ef5350, RGB: (239, 83, 80); ESADECIMALE: #fff8e1, RGB: (255, 248, 225)
Versione semplificata della tavolozza dei colori
Tonalità di whitesmoke, Ombra di dodgerblue, Tonalità di gold, Ombra di Nero, Ombra di indianred, Ombra di cornsilk
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Material Design Interaction Layers codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Elevation Gray | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Ripple Blue | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Touchpoint Amber | — |
| #212121 | #212121 | RGB(33, 33, 33) | Toolbar Graphite | Lead |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Snack Red | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Dialog Cream | Still Morning |
Contrasto della palette di colori
5 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 |
#eceff1 | #ffc107 | 1.41 |
#eceff1 | #fff8e1 | 1.08 |
#42a5f5 | #ffc107 | 1.62 |
#42a5f5 | #ef5350 | 1.31 |
#ffc107 | #fff8e1 | 1.53 |
Tavolozza immagini Material Design Interaction Layers png
Esporta tavolozza
Scarica la "Material Design Interaction Layers" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: