Utworzono o godz 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące pink accent-1 #ff80ab i pink accent-2 #ff4081. Paleta ma temperaturę kolorów Neutralny, Ciepły.
Paleta Pink palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #fce4ec, RGB: (252, 228, 236); KLĄTWA: #f8bbd0, RGB: (248, 187, 208); KLĄTWA: #f48fb1, RGB: (244, 143, 177)
KLĄTWA: #f06292, RGB: (240, 98, 146); KLĄTWA: #ec407a, RGB: (236, 64, 122); KLĄTWA: #e91e63, RGB: (233, 30, 99)
KLĄTWA: #d81b60, RGB: (216, 27, 96); KLĄTWA: #c2185b, RGB: (194, 24, 91); KLĄTWA: #ad1457, RGB: (173, 20, 87)
KLĄTWA: #880e4f, RGB: (136, 14, 79); KLĄTWA: #ff80ab, RGB: (255, 128, 171); KLĄTWA: #ff4081, RGB: (255, 64, 129)
KLĄTWA: #f50057, RGB: (245, 0, 87); KLĄTWA: #c51162, RGB: (197, 17, 98)
Uproszczona wersja palety kolorów
Odcień lavenderblush, Odcień Różowy, Cień palevioletred, Odcień palevioletred, Cień deeppink, Cień crimson, Cień crimson, Odcień mediumvioletred, Odcień mediumvioletred, Cień Fioletowy, Cień hotpink, Cień deeppink, Odcień crimson, Odcień mediumvioletred
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Pink palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#fce4ec | RGB(252, 228, 236) | pink lighten-5 | — | |
#f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — | |
#f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — | |
#f06292 | RGB(240, 98, 146) | pink lighten-2 | — | |
#ec407a | RGB(236, 64, 122) | pink lighten-1 | — | |
#e91e63 | RGB(233, 30, 99) | pink | — | |
#d81b60 | RGB(216, 27, 96) | pink darken-1 | — | |
#c2185b | RGB(194, 24, 91) | pink darken-2 | — | |
#ad1457 | RGB(173, 20, 87) | pink darken-3 | — | |
#880e4f | RGB(136, 14, 79) | pink darken-4 | — | |
#ff80ab | RGB(255, 128, 171) | pink accent-1 | — | |
#ff4081 | RGB(255, 64, 129) | pink accent-2 | — | |
#f50057 | RGB(245, 0, 87) | pink accent-3 | — | |
#c51162 | RGB(197, 17, 98) | pink accent-4 | — |
Kontrast palety kolorów
55 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |