Criado em 12/15/2017 21:20
3
Blue Grey palette Materialize CSS
blue-grey darken-4
#263238
blue-grey darken-3
#37474f
blue-grey darken-2
#455a64
blue-grey darken-1
#546e7a
blue-grey
#607d8b
blue-grey lighten-1
#78909c
blue-grey lighten-2
#90a4ae
blue-grey lighten-3
#b0bec5
blue-grey lighten-4
#cfd8dc
blue-grey lighten-5
#eceff1
A paleta consiste em cores Escuro, Luz, Semi escuro. Cores de destaque blue-grey darken-4 #263238 e blue-grey darken-1 #546e7a. A paleta tem Legal, Neutro temperatura de cores.
A paleta Blue Grey palette Materialize CSS tem uma combinação de cores de códigos de 10:
HEX: #263238, RGB: (38, 50, 56); HEX: #37474f, RGB: (55, 71, 79); HEX: #455a64, RGB: (69, 90, 100)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #607d8b, RGB: (96, 125, 139); HEX: #78909c, RGB: (120, 144, 156)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #eceff1, RGB: (236, 239, 241)
Versão simplificada das cores da paleta
Matiz de darkslategrey, Matiz de darkslategrey, Sombra de darkslategrey, Matiz de slategrey, Matiz de slategrey, Sombra de lightslategrey, Matiz de darkgrey, Matiz de Prata, Sombra de lightgrey, Matiz de whitesmoke
O esquema de cores foi criado por mz
Códigos de cores na paleta
Blue Grey palette Materialize CSS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #263238 | RGB(38, 50, 56) | blue-grey darken-4 | — | |
| #37474f | RGB(55, 71, 79) | blue-grey darken-3 | — | |
| #455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — | |
| #546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — | |
| #607d8b | RGB(96, 125, 139) | blue-grey | — | |
| #78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — | |
| #90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — | |
| #b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
| #cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — | |
| #eceff1 | RGB(236, 239, 241) | blue-grey lighten-5 | — |
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 |
#263238 | #37474f | 1.36 |
#263238 | #455a64 | 1.81 |
#37474f | #455a64 | 1.33 |
#37474f | #546e7a | 1.78 |
#455a64 | #546e7a | 1.34 |
#455a64 | #607d8b | 1.65 |
