Criado em 12/27/2017 20:14
pormz
  6.61k

Deep Purple palette Materialize CSS

deep-purple lighten-5
#ede7f6
deep-purple lighten-4
#d1c4e9
deep-purple lighten-3
#b39ddb
deep-purple lighten-2
#9575cd
deep-purple lighten-1
#7e57c2
deep-purple
#673ab7
deep-purple darken-1
#5e35b1
deep-purple darken-2
#512da8
deep-purple darken-3
#4527a0
deep-purple darken-4
#311b92
deep-purple accent-1
#b388ff
deep-purple accent-2
#7c4dff
deep-purple accent-3
#651fff
deep-purple accent-4
#6200ea
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque deep-purple accent-1 #b388ff e deep-purple accent-2 #7c4dff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Deep Purple palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #ede7f6, RGB: (237, 231, 246); HEX: #d1c4e9, RGB: (209, 196, 233); HEX: #b39ddb, RGB: (179, 157, 219)
HEX: #9575cd, RGB: (149, 117, 205); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #673ab7, RGB: (103, 58, 183)
HEX: #5e35b1, RGB: (94, 53, 177); HEX: #512da8, RGB: (81, 45, 168); HEX: #4527a0, RGB: (69, 39, 160)
HEX: #311b92, RGB: (49, 27, 146); HEX: #b388ff, RGB: (179, 136, 255); HEX: #7c4dff, RGB: (124, 77, 255)
HEX: #651fff, RGB: (101, 31, 255); HEX: #6200ea, RGB: (98, 0, 234)
Versão simplificada das cores da paleta
Sombra de lavender, Sombra de thistle, Matiz de plum, Sombra de mediumpurple, Sombra de slateblue, Matiz de blueviolet, Sombra de darkslateblue, Matiz de darkslateblue, Matiz de darkslateblue, Sombra de darkblue, Sombra de mediumpurple, Matiz de mediumslateblue, Matiz de blueviolet, Sombra de Azul
O esquema de cores foi criado por mz

Códigos de cores na paleta

Deep Purple palette Materialize CSS códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ede7f6 RGB(237, 231, 246)deep-purple lighten-5
#d1c4e9 RGB(209, 196, 233)deep-purple lighten-4
#b39ddb RGB(179, 157, 219)deep-purple lighten-3
#9575cd RGB(149, 117, 205)deep-purple lighten-2
#7e57c2 RGB(126, 87, 194)deep-purple lighten-1
#673ab7 RGB(103, 58, 183)deep-purple
#5e35b1 RGB(94, 53, 177)deep-purple darken-1
#512da8 RGB(81, 45, 168)deep-purple darken-2
#4527a0 RGB(69, 39, 160)deep-purple darken-3
#311b92 RGB(49, 27, 146)deep-purple darken-4
#b388ff RGB(179, 136, 255)deep-purple accent-1
#7c4dff RGB(124, 77, 255)deep-purple accent-2
#651fff RGB(101, 31, 255)deep-purple accent-3
#6200ea RGB(98, 0, 234)deep-purple accent-4

Contraste da Paleta de Cores

46 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
#ede7f6
#d1c4e9
1.35
#ede7f6
#b39ddb
1.98
#d1c4e9
#b39ddb
1.45
#d1c4e9
#b388ff
1.62
#b39ddb
#9575cd
1.53
#b39ddb
#b388ff
1.11

Paleta de imagens Deep Purple palette Materialize CSS 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