Criado em 12/27/2017 19:59
2
Purple palette Materialize CSS
purple lighten-5
#f3e5f5
purple lighten-4
#e1bee7
purple lighten-3
#ce93d8
purple lighten-2
#ba68c8
purple lighten-1
#ab47bc
purple
#9c27b0
purple darken-1
#8e24aa
purple darken-2
#7b1fa2
purple darken-3
#6a1b9a
purple darken-4
#4a148c
purple accent-1
#ea80fc
purple accent-2
#e040fb
purple accent-3
#d500f9
purple accent-4
#aa00ff
A paleta consiste em cores Luz, Escuro. Cores de destaque purple accent-3 #d500f9 e purple accent-4 #aa00ff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Purple palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #f3e5f5, RGB: (243, 229, 245); HEX: #e1bee7, RGB: (225, 190, 231); HEX: #ce93d8, RGB: (206, 147, 216)
HEX: #ba68c8, RGB: (186, 104, 200); HEX: #ab47bc, RGB: (171, 71, 188); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #8e24aa, RGB: (142, 36, 170); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #6a1b9a, RGB: (106, 27, 154)
HEX: #4a148c, RGB: (74, 20, 140); HEX: #ea80fc, RGB: (234, 128, 252); HEX: #e040fb, RGB: (224, 64, 251)
HEX: #d500f9, RGB: (213, 0, 249); HEX: #aa00ff, RGB: (170, 0, 255)
Versão simplificada das cores da paleta
Matiz de lavenderblush, Sombra de thistle, Matiz de plum, Sombra de mediumorchid, Matiz de mediumorchid, Matiz de darkorchid, Matiz de darkorchid, Sombra de darkmagenta, Sombra de indigo, Sombra de indigo, Matiz de violet, Sombra de magenta, Matiz de magenta, Matiz de blueviolet
O esquema de cores foi criado por mz
Códigos de cores na paleta
Purple palette Materialize CSS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — | |
| #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — | |
| #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — | |
| #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — | |
| #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — | |
| #9c27b0 | RGB(156, 39, 176) | purple | — | |
| #8e24aa | RGB(142, 36, 170) | purple darken-1 | — | |
| #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — | |
| #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — | |
| #4a148c | RGB(74, 20, 140) | purple darken-4 | — | |
| #ea80fc | RGB(234, 128, 252) | purple accent-1 | — | |
| #e040fb | RGB(224, 64, 251) | purple accent-2 | — | |
| #d500f9 | RGB(213, 0, 249) | purple accent-3 | — | |
| #aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
Contraste da Paleta de Cores
45 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 |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |
