Criado em 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
A paleta consiste em cores Luz. Cores de destaque green accent-3 #00e676 e green accent-4 #00c853. A paleta tem Neutro, Legal temperatura de cores.
A paleta Green palette Materialize CSS tem uma combinação de cores de códigos de 14:
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)
Versão simplificada das cores da paleta
Matiz de honeydew, Matiz de honeydew, Sombra de darkseagreen, Sombra de darkseagreen, Sombra de mediumseagreen, Matiz de mediumseagreen, Sombra de forestgreen, Sombra de forestgreen, Sombra de Verde, Sombra de darkgreen, Sombra de aquamarine, Sombra de mediumspringgreen, Matiz de springgreen, Matiz de limegreen
O esquema de cores foi criado por mz
Códigos de cores na paleta
Green palette Materialize CSS códigos de cores HEX, informações RGB na tabela
Cor | HEX | 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 | — |
Contraste da Paleta de Cores
55 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 |
#e8f5e9 | #c8e6c9 | 1.19 |
#e8f5e9 | #a5d6a7 | 1.46 |
#e8f5e9 | #81c784 | 1.78 |
#e8f5e9 | #b9f6ca | 1.09 |
#e8f5e9 | #69f0ae | 1.27 |
#e8f5e9 | #00e676 | 1.48 |