Criado em 10/16/2024 10:49
Material Design color palette
Bái Sè White
#eceff1
Hinting Blue
#cfd8dc
Ocean Drive
#b0bec5
Galleria Blue
#90a4ae
Sheltered Bay
#78909c
lightskyblue4
#607d8b
Blue Sentinel
#546e7a
Midnight in the Tropics
#455a64
Azul Petróleo
#37474f
Chimney Sweep
#263238
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Blue Sentinel #546e7a e Chimney Sweep #263238. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design color palette 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 códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#eceff1 | RGB(236, 239, 241) | Bái Sè White | — | |
#cfd8dc | RGB(207, 216, 220) | Hinting Blue | — | |
#b0bec5 | RGB(176, 190, 197) | Ocean Drive | — | |
#90a4ae | RGB(144, 164, 174) | Galleria Blue | — | |
#78909c | RGB(120, 144, 156) | Sheltered Bay | — | |
#607d8b | RGB(96, 125, 139) | lightskyblue4 | — | |
#546e7a | RGB(84, 110, 122) | Blue Sentinel | — | |
#455a64 | RGB(69, 90, 100) | Midnight in the Tropics | — | |
#37474f | RGB(55, 71, 79) | Azul Petróleo | — | |
#263238 | RGB(38, 50, 56) | Chimney Sweep | — |
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 |