Creado en 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 paleta consta de Luz colores. Colores de acento green accent-3 #00e676 y green accent-4 #00c853. La paleta tiene temperatura de color Neutral, Frío.
La paleta Green palette Materialize CSS tiene una combinación de colores 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)
Versión simplificada de la paleta de colores
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
El esquema de color fue creado por mz
Códigos de colores en la paleta
Green palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 de la paleta de colores
55 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 |
