Criado em 12/27/2017 21:25
1
Grey palette Materialize CSS
grey lighten-5
#fafafa
grey lighten-4
#f5f5f5
grey lighten-3
#eeeeee
grey lighten-2
#e0e0e0
grey lighten-1
#bdbdbd
grey
#9e9e9e
grey darken-1
#757575
grey darken-2
#616161
grey darken-3
#424242
grey darken-4
#212121
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque grey lighten-5 #fafafa e grey lighten-4 #f5f5f5. A paleta tem Neutro temperatura de cores.
A paleta Grey palette Materialize CSS tem uma combinação de cores de códigos de 10:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #eeeeee, RGB: (238, 238, 238)
HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #757575, RGB: (117, 117, 117); HEX: #616161, RGB: (97, 97, 97); HEX: #424242, RGB: (66, 66, 66)
HEX: #212121, RGB: (33, 33, 33)
Versão simplificada das cores da paleta
Sombra de whitesmoke, whitesmoke, Matiz de whitesmoke, Sombra de gainsboro, Matiz de Prata, Matiz de darkgrey, Sombra de dimgrey, Matiz de dimgrey, Matiz de darkslategrey, Sombra de Preto
O esquema de cores foi criado por mz
Códigos de cores na paleta
Grey palette Materialize CSS códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#fafafa | RGB(250, 250, 250) | grey lighten-5 | Dr. White | |
#f5f5f5 | RGB(245, 245, 245) | grey lighten-4 | White Smoke | |
#eeeeee | RGB(238, 238, 238) | grey lighten-3 | Super Silver | |
#e0e0e0 | RGB(224, 224, 224) | grey lighten-2 | Gray88 | |
#bdbdbd | RGB(189, 189, 189) | grey lighten-1 | Gray74 | |
#9e9e9e | RGB(158, 158, 158) | grey | Gray62 | |
#757575 | RGB(117, 117, 117) | grey darken-1 | Sonic Silver | |
#616161 | RGB(97, 97, 97) | grey darken-2 | Gray38 | |
#424242 | RGB(66, 66, 66) | grey darken-3 | Black Panther | |
#212121 | RGB(33, 33, 33) | grey darken-4 | Lead |
Contraste da Paleta de Cores
15 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 |
#fafafa | #f5f5f5 | 1.04 |
#fafafa | #eeeeee | 1.11 |
#fafafa | #e0e0e0 | 1.26 |
#fafafa | #bdbdbd | 1.79 |
#f5f5f5 | #eeeeee | 1.06 |
#f5f5f5 | #e0e0e0 | 1.21 |