Mobile Native App Shell
- StatusBar Black#000000
- Navigation White#fafafa
- Gesture Rose#f48fb1
- Card Ice#e3f2fd
- Keyboard Shadow#b0bec5
- Notification Teal#26c6da
Utworzono 07/02/2025 16:46
Paleta składa się z kolorów Ciemny, Jasny. Kolory akcentujące Gesture Rose #f48fb1 i Card Ice #e3f2fd. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #000000 (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (2 z 6).
Kody HEX (posortowane): #000000, #26C6DA, #B0BEC5, #E3F2FD, #F48FB1, #FAFAFA
Paleta Mobile Native App Shell łączy 6 kodów kolorów:
HEX: #000000, RGB: (0, 0, 0); HEX: #fafafa, RGB: (250, 250, 250); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #26c6da, RGB: (38, 198, 218)
Uproszczona wersja palety kolorów
Czarny, Jasny odcień Biały dym, Jasny odcień Blady fioletowoczerwony, Ciemny odcień Błękit Alicji, Ciemny odcień Srebrny, Jasny odcień Ciemnoturkusowy
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Mobile Native App Shell kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #000000 | #000000 | RGB(0, 0, 0) | StatusBar Black | Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Navigation White | Dr. White |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Gesture Rose | — |
| #e3f2fd | #e3f2fd | RGB(227, 242, 253) | Card Ice | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Keyboard Shadow | Ocean Drive |
| #26c6da | #26c6da | RGB(38, 198, 218) | Notification Teal | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fafafa | #e3f2fd | 1.09 |
#fafafa | #b0bec5 | 1.82 |
#fafafa | #26c6da | 1.97 |
#f48fb1 | #e3f2fd | 1.95 |
#f48fb1 | #b0bec5 | 1.17 |
#f48fb1 | #26c6da | 1.08 |
Paleta obrazów Mobile Native App Shell png
Eksportuj paletę
Pobierz "Mobile Native App Shell" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: