Creato a 07/20/2025 20:13
Material Design Motion Layer Theme
- Motion Sky#4fc3f7
- Elevation Gray#f5f5f5
- Component Cream#fff8e1
- Action Coral#ff6e6e
- Surface Charcoal#212121
- Accent Mint#81c784
La tavolozza è composta da Leggero, Buio colori. Colori accentati Motion Sky #4fc3f7 e Component Cream #fff8e1. La tavolozza ha la temperatura del colore Freddo, Neutro, 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.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #212121, #4FC3F7, #81C784, #F5F5F5, #FF6E6E, #FFF8E1
La tavolozza Material Design Motion Layer Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #4fc3f7, RGB: (79, 195, 247); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #fff8e1, RGB: (255, 248, 225)
ESADECIMALE: #ff6e6e, RGB: (255, 110, 110); ESADECIMALE: #212121, RGB: (33, 33, 33); ESADECIMALE: #81c784, RGB: (129, 199, 132)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Ombra di cornsilk, Tonalità di lightcoral, Ombra di Nero, Ombra di darkseagreen
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Material Design Motion Layer Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | Motion Sky | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Elevation Gray | White Smoke |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Component Cream | Still Morning |
| #ff6e6e | #ff6e6e | RGB(255, 110, 110) | Action Coral | — |
| #212121 | #212121 | RGB(33, 33, 33) | Surface Charcoal | Lead |
| #81c784 | #81c784 | RGB(129, 199, 132) | Accent Mint | — |
Contrasto della palette di colori
8 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 |
#4fc3f7 | #f5f5f5 | 1.83 |
#4fc3f7 | #fff8e1 | 1.88 |
#4fc3f7 | #ff6e6e | 1.35 |
#4fc3f7 | #81c784 | 1 |
#f5f5f5 | #fff8e1 | 1.02 |
#f5f5f5 | #81c784 | 1.84 |
Tavolozza immagini Material Design Motion Layer Theme png
Esporta tavolozza
Scarica la "Material Design Motion Layer Theme" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: