Creato a 12/27/2017 20:40
2
Green palette Materialize CSS
green lighten-5
#e8f5e9
green lighten-4
#c8e6c9
green lighten-3
#a5d6a7
green lighten-2
#81c784
green lighten-1
#66bb6a
green
#4caf50
green darken-1
#43a047
green darken-2
#388e3c
green darken-3
#2e7d32
green darken-4
#1b5e20
green accent-1
#b9f6ca
green accent-2
#69f0ae
green accent-3
#00e676
green accent-4
#00c853
La tavolozza è composta da Leggero colori. Colori accentati green accent-3 #00e676 e green accent-4 #00c853. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Green palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #e8f5e9, RGB: (232, 245, 233); ESADECIMALE: #c8e6c9, RGB: (200, 230, 201); ESADECIMALE: #a5d6a7, RGB: (165, 214, 167)
ESADECIMALE: #81c784, RGB: (129, 199, 132); ESADECIMALE: #66bb6a, RGB: (102, 187, 106); ESADECIMALE: #4caf50, RGB: (76, 175, 80)
ESADECIMALE: #43a047, RGB: (67, 160, 71); ESADECIMALE: #388e3c, RGB: (56, 142, 60); ESADECIMALE: #2e7d32, RGB: (46, 125, 50)
ESADECIMALE: #1b5e20, RGB: (27, 94, 32); ESADECIMALE: #b9f6ca, RGB: (185, 246, 202); ESADECIMALE: #69f0ae, RGB: (105, 240, 174)
ESADECIMALE: #00e676, RGB: (0, 230, 118); ESADECIMALE: #00c853, RGB: (0, 200, 83)
Versione semplificata della tavolozza dei colori
Tonalità di honeydew, Tonalità di honeydew, Ombra di darkseagreen, Ombra di darkseagreen, Ombra di mediumseagreen, Tonalità di mediumseagreen, Ombra di forestgreen, Ombra di forestgreen, Ombra di Verde, Ombra di darkgreen, Ombra di aquamarine, Ombra di mediumspringgreen, Tonalità di springgreen, Tonalità di limegreen
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Green palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e8f5e9 | RGB(232, 245, 233) | green lighten-5 | — | |
| #c8e6c9 | RGB(200, 230, 201) | green lighten-4 | — | |
| #a5d6a7 | RGB(165, 214, 167) | green lighten-3 | — | |
| #81c784 | RGB(129, 199, 132) | green lighten-2 | — | |
| #66bb6a | RGB(102, 187, 106) | green lighten-1 | — | |
| #4caf50 | RGB(76, 175, 80) | green | — | |
| #43a047 | RGB(67, 160, 71) | green darken-1 | — | |
| #388e3c | RGB(56, 142, 60) | green darken-2 | — | |
| #2e7d32 | RGB(46, 125, 50) | green darken-3 | — | |
| #1b5e20 | RGB(27, 94, 32) | green darken-4 | — | |
| #b9f6ca | RGB(185, 246, 202) | green accent-1 | — | |
| #69f0ae | RGB(105, 240, 174) | green accent-2 | — | |
| #00e676 | RGB(0, 230, 118) | green accent-3 | — | |
| #00c853 | RGB(0, 200, 83) | green accent-4 | — |
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 |
