Criado em 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
A paleta consiste em cores Luz. Cores de destaque amber lighten-5 #fff8e1 e amber lighten-4 #ffecb3. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Amber palette Materialize CSS tem uma combinação de cores 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)
Versão simplificada das cores da paleta
Sombra de cornsilk, Sombra de moccasin, Matiz de Cáqui, Sombra de gold, Matiz de gold, Matiz de gold, Sombra de Laranja, Matiz de Laranja, Sombra de darkorange, Sombra de chocolate, Sombra de Cáqui, Sombra de gold, Matiz de gold, Sombra de Laranja
O esquema de cores foi criado por mz
Códigos de cores na paleta
Amber palette Materialize CSS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome 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 da Paleta de Cores
86 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 |
#fff8e1 | #ffecb3 | 1.1 |
#fff8e1 | #ffe082 | 1.21 |
#fff8e1 | #ffd54f | 1.32 |
#fff8e1 | #ffca28 | 1.43 |
#fff8e1 | #ffc107 | 1.53 |
#fff8e1 | #ffb300 | 1.68 |
