Utworzono o godz 07/11/2025 13:00
Mobile-First Dark Pattern Kit
- Navbar Black#151515
- Tap Feedback Teal#00bfa6
- Section Divider Grey#cfcfcf
- FAB Yellow#f7e733
- Input Label White#fbfbfb
- Overlay Coral#ff7b72
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Tap Feedback Teal #00bfa6 i Overlay Coral #ff7b72. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #151515 (najciemniejszy) do #FBFBFB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku ciepłu.
Kody HEX (posortowane): #00BFA6, #151515, #CFCFCF, #F7E733, #FBFBFB, #FF7B72
Paleta Mobile-First Dark Pattern Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #151515, RGB: (21, 21, 21); KLĄTWA: #00bfa6, RGB: (0, 191, 166); KLĄTWA: #cfcfcf, RGB: (207, 207, 207)
KLĄTWA: #f7e733, RGB: (247, 231, 51); KLĄTWA: #fbfbfb, RGB: (251, 251, 251); KLĄTWA: #ff7b72, RGB: (255, 123, 114)
Uproszczona wersja palety kolorów
Cień Czarny, Odcień lightseagreen, Odcień lightgrey, Cień gold, Odcień Biały, Odcień salmon
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Mobile-First Dark Pattern Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #151515 | #151515 | RGB(21, 21, 21) | Navbar Black | Matt Black |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Tap Feedback Teal | — |
| #cfcfcf | #cfcfcf | RGB(207, 207, 207) | Section Divider Grey | American Silver |
| #f7e733 | #f7e733 | RGB(247, 231, 51) | FAB Yellow | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Input Label White | Whiteout |
| #ff7b72 | #ff7b72 | RGB(255, 123, 114) | Overlay Coral | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#00bfa6 | #cfcfcf | 1.49 |
#00bfa6 | #f7e733 | 1.82 |
#00bfa6 | #ff7b72 | 1.08 |
#cfcfcf | #f7e733 | 1.21 |
#cfcfcf | #fbfbfb | 1.5 |
#cfcfcf | #ff7b72 | 1.61 |
Paleta obrazów Mobile-First Dark Pattern Kit png
Eksportuj paletę
Pobierz "Mobile-First Dark Pattern Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: