Criado em 01/16/2024 08:57
  90

Material Design Color Palette (19)

blue-grey lighten-5
#eceff1
blue-grey lighten-4
#cfd8dc
blue-grey lighten-3
#b0bec5
blue-grey lighten-2
#90a4ae
blue-grey lighten-1
#78909c
blue-grey
#607d8b
blue-grey darken-1
#546e7a
blue-grey darken-2
#455a64
blue-grey darken-3
#37474f
blue-grey darken-4
#263238
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque blue-grey darken-1 #546e7a e blue-grey darken-4 #263238. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design Color Palette (19) tem uma combinação de cores de códigos de 10:
HEX: #eceff1, RGB: (236, 239, 241); HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #78909c, RGB: (120, 144, 156); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #455a64, RGB: (69, 90, 100); HEX: #37474f, RGB: (55, 71, 79)
HEX: #263238, RGB: (38, 50, 56)
Versão simplificada das cores da paleta
Matiz de whitesmoke, Sombra de lightgrey, Matiz de Prata, Matiz de darkgrey, Sombra de lightslategrey, Matiz de slategrey, Matiz de slategrey, Sombra de darkslategrey, Matiz de darkslategrey, Matiz de darkslategrey
O esquema de cores foi criado por MyPalettes

Códigos de cores na paleta

Material Design Color Palette (19) códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#eceff1 RGB(236, 239, 241)blue-grey lighten-5
#cfd8dc RGB(207, 216, 220)blue-grey lighten-4
#b0bec5 RGB(176, 190, 197)blue-grey lighten-3Ocean Drive
#90a4ae RGB(144, 164, 174)blue-grey lighten-2
#78909c RGB(120, 144, 156)blue-grey lighten-1
#607d8b RGB(96, 125, 139)blue-grey
#546e7a RGB(84, 110, 122)blue-grey darken-1
#455a64 RGB(69, 90, 100)blue-grey darken-2
#37474f RGB(55, 71, 79)blue-grey darken-3
#263238 RGB(38, 50, 56)blue-grey 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
#eceff1
#cfd8dc
1.25
#eceff1
#b0bec5
1.65
#cfd8dc
#b0bec5
1.31
#cfd8dc
#90a4ae
1.78
#b0bec5
#90a4ae
1.35
#b0bec5
#78909c
1.75

Paleta de imagens Material Design Color Palette (19) 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