Creado en 12/27/2017 21:10
1
Amber palette Materialize CSS
amber lighten-5
#fff8e1
amber lighten-4
#ffecb3
amber lighten-3
#ffe082
amber lighten-2
#ffd54f
amber lighten-1
#ffca28
amber
#ffc107
amber darken-1
#ffb300
amber darken-2
#ffa000
amber darken-3
#ff8f00
amber darken-4
#ff6f00
amber accent-1
#ffe57f
amber accent-2
#ffd740
amber accent-3
#ffc400
amber accent-4
#ffab00
La paleta consta de Luz colores. Colores de acento amber lighten-5 #fff8e1 y amber lighten-4 #ffecb3. La paleta tiene temperatura de color Neutral, Cálido.
La paleta Amber palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #ffecb3, RGB: (255, 236, 179); HEX: #ffe082, RGB: (255, 224, 130)
HEX: #ffd54f, RGB: (255, 213, 79); HEX: #ffca28, RGB: (255, 202, 40); HEX: #ffc107, RGB: (255, 193, 7)
HEX: #ffb300, RGB: (255, 179, 0); HEX: #ffa000, RGB: (255, 160, 0); HEX: #ff8f00, RGB: (255, 143, 0)
HEX: #ff6f00, RGB: (255, 111, 0); HEX: #ffe57f, RGB: (255, 229, 127); HEX: #ffd740, RGB: (255, 215, 64)
HEX: #ffc400, RGB: (255, 196, 0); HEX: #ffab00, RGB: (255, 171, 0)
Versión simplificada de la paleta de colores
Sombra de cornsilk, Sombra de moccasin, Matiz de Caqui, Sombra de gold, Matiz de gold, Matiz de gold, Sombra de Naranja, Matiz de Naranja, Sombra de darkorange, Sombra de chocolate, Sombra de Caqui, Sombra de gold, Matiz de gold, Sombra de Naranja
El esquema de color fue creado por mz
Códigos de colores en la paleta
Amber palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #fff8e1 | RGB(255, 248, 225) | amber lighten-5 | Still Morning | |
| #ffecb3 | RGB(255, 236, 179) | amber lighten-4 | — | |
| #ffe082 | RGB(255, 224, 130) | amber lighten-3 | — | |
| #ffd54f | RGB(255, 213, 79) | amber lighten-2 | — | |
| #ffca28 | RGB(255, 202, 40) | amber lighten-1 | — | |
| #ffc107 | RGB(255, 193, 7) | amber | — | |
| #ffb300 | RGB(255, 179, 0) | amber darken-1 | UCLA Gold | |
| #ffa000 | RGB(255, 160, 0) | amber darken-2 | Orange Peel | |
| #ff8f00 | RGB(255, 143, 0) | amber darken-3 | Princeton Orange | |
| #ff6f00 | RGB(255, 111, 0) | amber darken-4 | — | |
| #ffe57f | RGB(255, 229, 127) | amber accent-1 | — | |
| #ffd740 | RGB(255, 215, 64) | amber accent-2 | — | |
| #ffc400 | RGB(255, 196, 0) | amber accent-3 | Citrus Splash | |
| #ffab00 | RGB(255, 171, 0) | amber accent-4 | — |
Contraste de la paleta de colores
86 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 |
#fff8e1 | #ffecb3 | 1.1 |
#fff8e1 | #ffe082 | 1.21 |
#fff8e1 | #ffd54f | 1.32 |
#fff8e1 | #ffca28 | 1.43 |
#fff8e1 | #ffc107 | 1.53 |
#fff8e1 | #ffb300 | 1.68 |
