Utworzono o godz 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
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące purple accent-3 #d500f9 i purple accent-4 #aa00ff. Paleta ma temperaturę kolorów Neutralny, Zimny.
Paleta Purple palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #f3e5f5, RGB: (243, 229, 245); KLĄTWA: #e1bee7, RGB: (225, 190, 231); KLĄTWA: #ce93d8, RGB: (206, 147, 216)
KLĄTWA: #ba68c8, RGB: (186, 104, 200); KLĄTWA: #ab47bc, RGB: (171, 71, 188); KLĄTWA: #9c27b0, RGB: (156, 39, 176)
KLĄTWA: #8e24aa, RGB: (142, 36, 170); KLĄTWA: #7b1fa2, RGB: (123, 31, 162); KLĄTWA: #6a1b9a, RGB: (106, 27, 154)
KLĄTWA: #4a148c, RGB: (74, 20, 140); KLĄTWA: #ea80fc, RGB: (234, 128, 252); KLĄTWA: #e040fb, RGB: (224, 64, 251)
KLĄTWA: #d500f9, RGB: (213, 0, 249); KLĄTWA: #aa00ff, RGB: (170, 0, 255)
Uproszczona wersja palety kolorów
Odcień lavenderblush, Cień thistle, Odcień plum, Cień mediumorchid, Odcień mediumorchid, Odcień darkorchid, Odcień darkorchid, Cień darkmagenta, Cień indigo, Cień indigo, Odcień violet, Cień magenta, Odcień magenta, Odcień blueviolet
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Purple palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#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 |
Kontrast palety kolorów
45 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |