Utworzono o godz 08/11/2025 14:36
Mobile Banking UI Kit
- Balance Blue#2196f3
- Deposit Green#4caf50
- Expense Red#e57373
- Alert Yellow#fff176
- Neutral Gray#b0bec5
- Background White#ffffff
Paleta składa się z kolorów Światło. Kolory akcentujące Balance Blue #2196f3 i Alert Yellow #fff176. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #4CAF50 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest umiarkowany.
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 zimnu.
Kody HEX (posortowane): #2196F3, #4CAF50, #B0BEC5, #E57373, #FFF176, #FFFFFF
Paleta Mobile Banking UI Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #2196f3, RGB: (33, 150, 243); KLĄTWA: #4caf50, RGB: (76, 175, 80); KLĄTWA: #e57373, RGB: (229, 115, 115)
KLĄTWA: #fff176, RGB: (255, 241, 118); KLĄTWA: #b0bec5, RGB: (176, 190, 197); KLĄTWA: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Cień dodgerblue, Odcień mediumseagreen, Odcień lightcoral, Cień Khaki, Odcień Srebro, Biały
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Mobile Banking UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Balance Blue | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Deposit Green | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | Expense Red | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Alert Yellow | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Neutral Gray | Ocean Drive |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
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 |
#2196f3 | #4caf50 | 1.12 |
#2196f3 | #e57373 | 1.04 |
#2196f3 | #b0bec5 | 1.63 |
#4caf50 | #e57373 | 1.07 |
#4caf50 | #b0bec5 | 1.45 |
#e57373 | #b0bec5 | 1.56 |
Paleta obrazów Mobile Banking UI Kit png
Eksportuj paletę
Pobierz "Mobile Banking UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: