Criado em 12/27/2017 21:23
2
Brown palette Materialize CSS
brown lighten-5
#efebe9
brown lighten-4
#d7ccc8
brown lighten-3
#bcaaa4
brown lighten-2
#a1887f
brown lighten-1
#8d6e63
brown
#795548
brown darken-1
#6d4c41
brown darken-2
#5d4037
brown darken-3
#4e342e
brown darken-4
#3e2723
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque brown darken-3 #4e342e e brown darken-4 #3e2723. A paleta tem Neutro, Esquentar temperatura de cores.
A paleta Brown palette Materialize CSS tem uma combinação de cores de códigos de 10:
HEX: #efebe9, RGB: (239, 235, 233); HEX: #d7ccc8, RGB: (215, 204, 200); HEX: #bcaaa4, RGB: (188, 170, 164)
HEX: #a1887f, RGB: (161, 136, 127); HEX: #8d6e63, RGB: (141, 110, 99); HEX: #795548, RGB: (121, 85, 72)
HEX: #6d4c41, RGB: (109, 76, 65); HEX: #5d4037, RGB: (93, 64, 55); HEX: #4e342e, RGB: (78, 52, 46)
HEX: #3e2723, RGB: (62, 39, 35)
Versão simplificada das cores da paleta
Matiz de whitesmoke, Matiz de lightgrey, Sombra de darkgrey, Matiz de rosybrown, Sombra de sienna, Matiz de sienna, Sombra de saddlebrown, Matiz de saddlebrown, Sombra de Marrom, Sombra de Preto
O esquema de cores foi criado por mz
Códigos de cores na paleta
Brown palette Materialize CSS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #efebe9 | RGB(239, 235, 233) | brown lighten-5 | — | |
| #d7ccc8 | RGB(215, 204, 200) | brown lighten-4 | — | |
| #bcaaa4 | RGB(188, 170, 164) | brown lighten-3 | — | |
| #a1887f | RGB(161, 136, 127) | brown lighten-2 | — | |
| #8d6e63 | RGB(141, 110, 99) | brown lighten-1 | — | |
| #795548 | RGB(121, 85, 72) | brown | — | |
| #6d4c41 | RGB(109, 76, 65) | brown darken-1 | — | |
| #5d4037 | RGB(93, 64, 55) | brown darken-2 | — | |
| #4e342e | RGB(78, 52, 46) | brown darken-3 | — | |
| #3e2723 | RGB(62, 39, 35) | brown darken-4 | — |
Contraste da Paleta de Cores
17 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 |
#efebe9 | #d7ccc8 | 1.32 |
#efebe9 | #bcaaa4 | 1.88 |
#d7ccc8 | #bcaaa4 | 1.41 |
#bcaaa4 | #a1887f | 1.48 |
#a1887f | #8d6e63 | 1.39 |
#a1887f | #795548 | 1.97 |
