Creato a 08/14/2025 08:41
Material Design color palette 16
- #fbe9e7
- #ffccbc
- #ffab91
- #ff8a65
- #ff7043
- #ff5722
- #f4511e
- #e64a19
- #d84315
- #bf360c
- #ff9e80
- #ff6e40
- #ff3d00
- #dd2c00
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #ffccbc e #ffab91. La tavolozza ha la temperatura del colore Neutro, Caldo.
Per luminosità, la tavolozza va da #BF360C (più scuro) a #FBE9E7 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #BF360C, #D84315, #DD2C00, #E64A19, #F4511E, #FBE9E7, #FF3D00, #FF5722, #FF6E40, #FF7043, #FF8A65, #FF9E80, #FFAB91, #FFCCBC
La tavolozza Material Design color palette 16 ha una combinazione di colori dei codici 14:
ESADECIMALE: #fbe9e7, RGB: (251, 233, 231); ESADECIMALE: #ffccbc, RGB: (255, 204, 188); ESADECIMALE: #ffab91, RGB: (255, 171, 145)
ESADECIMALE: #ff8a65, RGB: (255, 138, 101); ESADECIMALE: #ff7043, RGB: (255, 112, 67); ESADECIMALE: #ff5722, RGB: (255, 87, 34)
ESADECIMALE: #f4511e, RGB: (244, 81, 30); ESADECIMALE: #e64a19, RGB: (230, 74, 25); ESADECIMALE: #d84315, RGB: (216, 67, 21)
ESADECIMALE: #bf360c, RGB: (191, 54, 12); ESADECIMALE: #ff9e80, RGB: (255, 158, 128); ESADECIMALE: #ff6e40, RGB: (255, 110, 64)
ESADECIMALE: #ff3d00, RGB: (255, 61, 0); ESADECIMALE: #dd2c00, RGB: (221, 44, 0)
Versione semplificata della tavolozza dei colori
Ombra di mistyrose, Tonalità di mistyrose, Ombra di lightsalmon, Ombra di coral, Tonalità di coral, Ombra di orangered, Ombra di orangered, Tonalità di orangered, Ombra di Rosso, Ombra di firebrick, Tonalità di lightsalmon, Tonalità di coral, Tonalità di orangered, Ombra di Rosso
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design color palette 16 codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fbe9e7 | #fbe9e7 | RGB(251, 233, 231) | — | — |
| #ffccbc | #ffccbc | RGB(255, 204, 188) | — | — |
| #ffab91 | #ffab91 | RGB(255, 171, 145) | — | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | — | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | — | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | — | — |
| #f4511e | #f4511e | RGB(244, 81, 30) | — | — |
| #e64a19 | #e64a19 | RGB(230, 74, 25) | — | — |
| #d84315 | #d84315 | RGB(216, 67, 21) | — | — |
| #bf360c | #bf360c | RGB(191, 54, 12) | — | — |
| #ff9e80 | #ff9e80 | RGB(255, 158, 128) | — | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | — | — |
| #ff3d00 | #ff3d00 | RGB(255, 61, 0) | — | — |
| #dd2c00 | #dd2c00 | RGB(221, 44, 0) | — | — |
Contrasto della palette di colori
64 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 |
#fbe9e7 | #ffccbc | 1.22 |
#fbe9e7 | #ffab91 | 1.55 |
#fbe9e7 | #ff8a65 | 1.97 |
#fbe9e7 | #ff9e80 | 1.71 |
#ffccbc | #ffab91 | 1.27 |
#ffccbc | #ff8a65 | 1.61 |
Tavolozza immagini Material Design color palette 16 png
Esporta tavolozza
Scarica la "Material Design color palette 16" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: