Criado em 01/16/2024 08:57
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
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-3 | Ocean 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 |