Creato a 12/27/2017 20:44
4
Light Green palette Materialize CSS
light-green lighten-5
#f1f8e9
light-green lighten-4
#dcedc8
light-green lighten-3
#c5e1a5
light-green lighten-2
#aed581
light-green lighten-1
#9ccc65
light-green
#8bc34a
light-green darken-1
#7cb342
light-green darken-2
#689f38
light-green darken-3
#558b2f
light-green darken-4
#33691e
light-green accent-1
#ccff90
light-green accent-2
#b2ff59
light-green accent-3
#76ff03
light-green accent-4
#64dd17
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati light-green accent-1 #ccff90 e light-green accent-2 #b2ff59. La tavolozza ha la temperatura del colore Neutro, Caldo.
La tavolozza Light Green palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #f1f8e9, RGB: (241, 248, 233); ESADECIMALE: #dcedc8, RGB: (220, 237, 200); ESADECIMALE: #c5e1a5, RGB: (197, 225, 165)
ESADECIMALE: #aed581, RGB: (174, 213, 129); ESADECIMALE: #9ccc65, RGB: (156, 204, 101); ESADECIMALE: #8bc34a, RGB: (139, 195, 74)
ESADECIMALE: #7cb342, RGB: (124, 179, 66); ESADECIMALE: #689f38, RGB: (104, 159, 56); ESADECIMALE: #558b2f, RGB: (85, 139, 47)
ESADECIMALE: #33691e, RGB: (51, 105, 30); ESADECIMALE: #ccff90, RGB: (204, 255, 144); ESADECIMALE: #b2ff59, RGB: (178, 255, 89)
ESADECIMALE: #76ff03, RGB: (118, 255, 3); ESADECIMALE: #64dd17, RGB: (100, 221, 23)
Versione semplificata della tavolozza dei colori
Tonalità di ivory, Tonalità di lightgoldenrodyellow, Tonalità di palegoldenrod, Tonalità di lightgreen, Ombra di Giallo verde, Tonalità di Giallo verde, Tonalità di Giallo verde, Ombra di olivedrab, Tonalità di olivedrab, Ombra di darkgreen, Ombra di palegreen, Ombra di greenyellow, Tonalità di chartreuse, Ombra di limegreen
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Light Green palette Materialize CSS codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#f1f8e9 | RGB(241, 248, 233) | light-green lighten-5 | — | |
#dcedc8 | RGB(220, 237, 200) | light-green lighten-4 | — | |
#c5e1a5 | RGB(197, 225, 165) | light-green lighten-3 | — | |
#aed581 | RGB(174, 213, 129) | light-green lighten-2 | — | |
#9ccc65 | RGB(156, 204, 101) | light-green lighten-1 | — | |
#8bc34a | RGB(139, 195, 74) | light-green | — | |
#7cb342 | RGB(124, 179, 66) | light-green darken-1 | — | |
#689f38 | RGB(104, 159, 56) | light-green darken-2 | — | |
#558b2f | RGB(85, 139, 47) | light-green darken-3 | — | |
#33691e | RGB(51, 105, 30) | light-green darken-4 | — | |
#ccff90 | RGB(204, 255, 144) | light-green accent-1 | — | |
#b2ff59 | RGB(178, 255, 89) | light-green accent-2 | — | |
#76ff03 | RGB(118, 255, 3) | light-green accent-3 | — | |
#64dd17 | RGB(100, 221, 23) | light-green accent-4 | — |
Contrasto della palette di colori
60 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 |
#f1f8e9 | #dcedc8 | 1.13 |
#f1f8e9 | #c5e1a5 | 1.31 |
#f1f8e9 | #aed581 | 1.53 |
#f1f8e9 | #9ccc65 | 1.72 |
#f1f8e9 | #8bc34a | 1.93 |
#f1f8e9 | #ccff90 | 1.05 |