Creato a 12/27/2017 19:59
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 tavolozza è composta da Leggero, Buio colori. Colori accentati purple accent-3 #d500f9 e purple accent-4 #aa00ff. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #4A148C (più scuro) a #F3E5F5 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #4A148C, #6A1B9A, #7B1FA2, #8E24AA, #9C27B0, #AA00FF, #AB47BC, #BA68C8, #CE93D8, #D500F9, #E040FB, #E1BEE7, #EA80FC, #F3E5F5
La tavolozza Purple palette Materialize CSS ha una combinazione di colori dei codici 14:
ESADECIMALE: #f3e5f5, RGB: (243, 229, 245); ESADECIMALE: #e1bee7, RGB: (225, 190, 231); ESADECIMALE: #ce93d8, RGB: (206, 147, 216)
ESADECIMALE: #ba68c8, RGB: (186, 104, 200); ESADECIMALE: #ab47bc, RGB: (171, 71, 188); ESADECIMALE: #9c27b0, RGB: (156, 39, 176)
ESADECIMALE: #8e24aa, RGB: (142, 36, 170); ESADECIMALE: #7b1fa2, RGB: (123, 31, 162); ESADECIMALE: #6a1b9a, RGB: (106, 27, 154)
ESADECIMALE: #4a148c, RGB: (74, 20, 140); ESADECIMALE: #ea80fc, RGB: (234, 128, 252); ESADECIMALE: #e040fb, RGB: (224, 64, 251)
ESADECIMALE: #d500f9, RGB: (213, 0, 249); ESADECIMALE: #aa00ff, RGB: (170, 0, 255)
Versione semplificata della tavolozza dei colori
Tonalità di lavenderblush, Ombra di thistle, Tonalità di plum, Ombra di mediumorchid, Tonalità di mediumorchid, Tonalità di darkorchid, Tonalità di darkorchid, Ombra di darkmagenta, Ombra di indigo, Ombra di indigo, Tonalità di violet, Ombra di magenta, Tonalità di magenta, Tonalità di blueviolet
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Purple palette Materialize CSS codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f3e5f5 | #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — |
| #e1bee7 | #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — |
| #ce93d8 | #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | purple | — |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | purple darken-1 | — |
| #7b1fa2 | #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — |
| #6a1b9a | #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — |
| #4a148c | #4a148c | RGB(74, 20, 140) | purple darken-4 | — |
| #ea80fc | #ea80fc | RGB(234, 128, 252) | purple accent-1 | — |
| #e040fb | #e040fb | RGB(224, 64, 251) | purple accent-2 | — |
| #d500f9 | #d500f9 | RGB(213, 0, 249) | purple accent-3 | — |
| #aa00ff | #aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
Contrasto della palette di colori
45 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 |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |
Tavolozza immagini Purple palette Materialize CSS png
Esporta tavolozza
Scarica la "Purple palette Materialize CSS" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: