Creado en 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
La paleta consta de Luz, Oscuro colores. Colores de acento purple accent-3 #d500f9 y purple accent-4 #aa00ff. La paleta tiene temperatura de color Neutral, Frío.
La paleta Purple palette Materialize CSS tiene una combinación de colores 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)
Versión simplificada de la paleta de colores
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
El esquema de color fue creado por mz
Códigos de colores en la paleta
Purple palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 de la paleta de colores
45 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 |
