Creato a 12/27/2017 20:14
1
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
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati deep-purple accent-1 #b388ff e deep-purple accent-2 #7c4dff. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Deep Purple palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #ede7f6, RGB: (237, 231, 246); ESADECIMALE: #d1c4e9, RGB: (209, 196, 233); ESADECIMALE: #b39ddb, RGB: (179, 157, 219)
ESADECIMALE: #9575cd, RGB: (149, 117, 205); ESADECIMALE: #7e57c2, RGB: (126, 87, 194); ESADECIMALE: #673ab7, RGB: (103, 58, 183)
ESADECIMALE: #5e35b1, RGB: (94, 53, 177); ESADECIMALE: #512da8, RGB: (81, 45, 168); ESADECIMALE: #4527a0, RGB: (69, 39, 160)
ESADECIMALE: #311b92, RGB: (49, 27, 146); ESADECIMALE: #b388ff, RGB: (179, 136, 255); ESADECIMALE: #7c4dff, RGB: (124, 77, 255)
ESADECIMALE: #651fff, RGB: (101, 31, 255); ESADECIMALE: #6200ea, RGB: (98, 0, 234)
Versione semplificata della tavolozza dei colori
Ombra di lavender, Ombra di thistle, Tonalità di plum, Ombra di mediumpurple, Ombra di slateblue, Tonalità di blueviolet, Ombra di darkslateblue, Tonalità di darkslateblue, Tonalità di darkslateblue, Ombra di darkblue, Ombra di mediumpurple, Tonalità di mediumslateblue, Tonalità di blueviolet, Ombra di Blu
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Deep Purple palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | 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 | — |
Contrasto della palette di colori
46 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |
