Criado em 12/27/2017 12:56
2
Blue palette Materialize CSS
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
A paleta consiste em cores Luz, Semi escuro. Cores de destaque blue accent-1 #82b1ff e blue accent-2 #448aff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Blue palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #2962ff, RGB: (41, 98, 255)
Versão simplificada das cores da paleta
Matiz de aliceblue, Sombra de lightsteelblue, Sombra de lightskyblue, Sombra de deepskyblue, Sombra de dodgerblue, Sombra de dodgerblue, Matiz de dodgerblue, Matiz de steelblue, Matiz de royalblue, Matiz de darkslateblue, Sombra de cornflowerblue, Sombra de dodgerblue, Sombra de royalblue, Matiz de royalblue
O esquema de cores foi criado por mz
Códigos de cores na paleta
Blue palette Materialize CSS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
| #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
| #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
| #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
| #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
| #2196f3 | RGB(33, 150, 243) | blue | — | |
| #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
| #1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
| #1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
| #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — | |
| #82b1ff | RGB(130, 177, 255) | blue accent-1 | — | |
| #448aff | RGB(68, 138, 255) | blue accent-2 | — | |
| #2979ff | RGB(41, 121, 255) | blue accent-3 | — | |
| #2962ff | RGB(41, 98, 255) | blue accent-4 | — |
Contraste da Paleta de Cores
54 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 |
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#e3f2fd | #82b1ff | 1.89 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |
