Criado em 12/27/2017 20:14
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
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.
Em luminosidade, a paleta vai de #311B92 (mais escuro) a #EDE7F6 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #311B92, #4527A0, #512DA8, #5E35B1, #6200EA, #651FFF, #673AB7, #7C4DFF, #7E57C2, #9575CD, #B388FF, #B39DDB, #D1C4E9, #EDE7F6
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 | #ede7f6 | RGB(237, 231, 246) | deep-purple lighten-5 | — |
| #d1c4e9 | #d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | deep-purple | — |
| #5e35b1 | #5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — |
| #512da8 | #512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — |
| #4527a0 | #4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — |
| #311b92 | #311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — |
| #b388ff | #b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — |
| #7c4dff | #7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — |
| #651fff | #651fff | RGB(101, 31, 255) | deep-purple accent-3 | — |
| #6200ea | #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
Exportar paleta
Baixe a "Deep Purple palette Materialize CSS" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: