Material Design color palette 10
- #e8f5e9
- #c8e6c9
- #a5d6a7
- #81c784
- #66bb6a
- #4caf50
- #43a047
- #388e3c
- #2e7d32
- #1b5e20
- #b9f6ca
- #69f0ae
- #00e676
- #00c853
Creato il 08/14/2025 08:39
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento #00e676 e #00c853. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #1B5E20 (più scuro) a #E8F5E9 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media, con una media del 55% sulla palette.
Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 29°.
Complessivamente la temperatura tende al freddo (13 su 14).
Codici HEX (ordinati): #00C853, #00E676, #1B5E20, #2E7D32, #388E3C, #43A047, #4CAF50, #66BB6A, #69F0AE, #81C784, #A5D6A7, #B9F6CA, #C8E6C9, #E8F5E9
La tavolozza Material Design color palette 10 combina 14 codici colore:
HEX: #e8f5e9, RGB: (232, 245, 233); HEX: #c8e6c9, RGB: (200, 230, 201); HEX: #a5d6a7, RGB: (165, 214, 167)
HEX: #81c784, RGB: (129, 199, 132); HEX: #66bb6a, RGB: (102, 187, 106); HEX: #4caf50, RGB: (76, 175, 80)
HEX: #43a047, RGB: (67, 160, 71); HEX: #388e3c, RGB: (56, 142, 60); HEX: #2e7d32, RGB: (46, 125, 50)
HEX: #1b5e20, RGB: (27, 94, 32); HEX: #b9f6ca, RGB: (185, 246, 202); HEX: #69f0ae, RGB: (105, 240, 174)
HEX: #00e676, RGB: (0, 230, 118); HEX: #00c853, RGB: (0, 200, 83)
Versione semplificata della tavolozza dei colori
Sfumatura di Melata, Sfumatura di Melata, Tinta di Verde mare scuro, Tinta di Verde mare scuro, Tinta di Verde mare medio, Sfumatura di Verde mare medio, Tinta di Verde foresta, Tinta di Verde foresta, Tinta di Verde, Tinta di Verde scuro, Tinta di Acquamarina, Tinta di Verde primavera medio, Sfumatura di Verde primavera, Sfumatura di Verde limone
La combinazione di colori è stata creata da MyPalettes
Codici colori nella tavolozza
Material Design color palette 10 codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #e8f5e9 | #e8f5e9 | RGB(232, 245, 233) | — | — |
| #c8e6c9 | #c8e6c9 | RGB(200, 230, 201) | — | — |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | — | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | — | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | — | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | — | — |
| #43a047 | #43a047 | RGB(67, 160, 71) | — | — |
| #388e3c | #388e3c | RGB(56, 142, 60) | — | — |
| #2e7d32 | #2e7d32 | RGB(46, 125, 50) | — | — |
| #1b5e20 | #1b5e20 | RGB(27, 94, 32) | — | — |
| #b9f6ca | #b9f6ca | RGB(185, 246, 202) | — | — |
| #69f0ae | #69f0ae | RGB(105, 240, 174) | — | — |
| #00e676 | #00e676 | RGB(0, 230, 118) | — | — |
| #00c853 | #00c853 | RGB(0, 200, 83) | — | — |
Contrasto della palette di colori
55 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 |
|---|---|---|
#e8f5e9 | #c8e6c9 | 1.19 |
#e8f5e9 | #a5d6a7 | 1.46 |
#e8f5e9 | #81c784 | 1.78 |
#e8f5e9 | #b9f6ca | 1.09 |
#e8f5e9 | #69f0ae | 1.27 |
#e8f5e9 | #00e676 | 1.48 |
Tavolozza immagini Material Design color palette 10 png
Esporta tavolozza
Scarica la "Material Design color palette 10" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: