Criado em 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
A paleta consiste em cores Luz, Semi escuro. Cores de destaque light-green accent-1 #ccff90 e light-green accent-2 #b2ff59. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Light Green palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #f1f8e9, RGB: (241, 248, 233); HEX: #dcedc8, RGB: (220, 237, 200); HEX: #c5e1a5, RGB: (197, 225, 165)
HEX: #aed581, RGB: (174, 213, 129); HEX: #9ccc65, RGB: (156, 204, 101); HEX: #8bc34a, RGB: (139, 195, 74)
HEX: #7cb342, RGB: (124, 179, 66); HEX: #689f38, RGB: (104, 159, 56); HEX: #558b2f, RGB: (85, 139, 47)
HEX: #33691e, RGB: (51, 105, 30); HEX: #ccff90, RGB: (204, 255, 144); HEX: #b2ff59, RGB: (178, 255, 89)
HEX: #76ff03, RGB: (118, 255, 3); HEX: #64dd17, RGB: (100, 221, 23)
Versão simplificada das cores da paleta
Matiz de ivory, Matiz de lightgoldenrodyellow, Matiz de palegoldenrod, Matiz de lightgreen, Sombra de Amarelo verde, Matiz de Amarelo verde, Matiz de Amarelo verde, Sombra de olivedrab, Matiz de olivedrab, Sombra de darkgreen, Sombra de palegreen, Sombra de greenyellow, Matiz de chartreuse, Sombra de limegreen
O esquema de cores foi criado por mz
Códigos de cores na paleta
Light Green palette Materialize CSS códigos de cores HEX, informações RGB na tabela
Cor | HEX | 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 | — |
Contraste da Paleta de Cores
60 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto | Cor de fundo | Taxa de contraste |
#f1f8e9 | #dcedc8 | 1.13 |
#f1f8e9 | #c5e1a5 | 1.31 |
#f1f8e9 | #aed581 | 1.53 |
#f1f8e9 | #9ccc65 | 1.72 |
#f1f8e9 | #8bc34a | 1.93 |
#f1f8e9 | #ccff90 | 1.05 |