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
2
Utworzono 12/27/2017 19:56
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące pink accent-1 #ff80ab i pink accent-2 #ff4081. Paleta ma temperaturę kolorów Neutralny, Ciepły.
Według jasności paleta rozciąga się od #880E4F (najciemniejszy) do #FCE4EC (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 100% kolorów jest żywych.
Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 12°.
Ogólna temperatura barw przechyla się ku ciepłu (13 z 14).
Kody HEX (posortowane): #880E4F, #AD1457, #C2185B, #C51162, #D81B60, #E91E63, #EC407A, #F06292, #F48FB1, #F50057, #F8BBD0, #FCE4EC, #FF4081, #FF80AB
Paleta Pink palette Materialize CSS łączy 14 kodów kolorów:
HEX: #fce4ec, RGB: (252, 228, 236); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #f06292, RGB: (240, 98, 146); HEX: #ec407a, RGB: (236, 64, 122); HEX: #e91e63, RGB: (233, 30, 99)
HEX: #d81b60, RGB: (216, 27, 96); HEX: #c2185b, RGB: (194, 24, 91); HEX: #ad1457, RGB: (173, 20, 87)
HEX: #880e4f, RGB: (136, 14, 79); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #ff4081, RGB: (255, 64, 129)
HEX: #f50057, RGB: (245, 0, 87); HEX: #c51162, RGB: (197, 17, 98)
Uproszczona wersja palety kolorów
Ciemny odcień Lawendowy róż, Ciemny odcień Różowy, Jasny odcień Blady fioletowoczerwony, Ciemny odcień Blady fioletowoczerwony, Jasny odcień Głęboki róż, Jasny odcień Karmazynowy, Jasny odcień Karmazynowy, Ciemny odcień Średni fioletowoczerwony, Ciemny odcień Średni fioletowoczerwony, Jasny odcień Fioletowy, Jasny odcień Jaskraworóżowy, Jasny odcień Głęboki róż, Ciemny odcień Karmazynowy, Ciemny odcień Średni fioletowoczerwony
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 | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #fce4ec | #fce4ec | RGB(252, 228, 236) | pink lighten-5 | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | pink lighten-2 | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | pink lighten-1 | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | pink | — |
| #d81b60 | #d81b60 | RGB(216, 27, 96) | pink darken-1 | — |
| #c2185b | #c2185b | RGB(194, 24, 91) | pink darken-2 | — |
| #ad1457 | #ad1457 | RGB(173, 20, 87) | pink darken-3 | — |
| #880e4f | #880e4f | RGB(136, 14, 79) | pink darken-4 | — |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | pink accent-1 | — |
| #ff4081 | #ff4081 | RGB(255, 64, 129) | pink accent-2 | — |
| #f50057 | #f50057 | RGB(245, 0, 87) | pink accent-3 | — |
| #c51162 | #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 |
Paleta obrazów Pink palette Materialize CSS png
Eksportuj paletę
Pobierz "Pink palette Materialize CSS" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: