Criado em 12/27/2017 21:25
pormz
  9.13k

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
Entrar para salvar a paleta na coleção
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-5Dr. White
#f5f5f5 RGB(245, 245, 245)grey lighten-4White Smoke
#eeeeee RGB(238, 238, 238)grey lighten-3Super Silver
#e0e0e0 RGB(224, 224, 224)grey lighten-2Gray88
#bdbdbd RGB(189, 189, 189)grey lighten-1Gray74
#9e9e9e RGB(158, 158, 158)greyGray62
#757575 RGB(117, 117, 117)grey darken-1Sonic Silver
#616161 RGB(97, 97, 97)grey darken-2Gray38
#424242 RGB(66, 66, 66)grey darken-3Black Panther
#212121 RGB(33, 33, 33)grey darken-4Lead

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

Paleta de imagens Grey palette Materialize CSS png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas