Mobile Wallet UI Schema
- Transaction Blue#5c7aea
- Balance Cream#f9f9f9
- Alert Red#ff6f61
- Button Navy#1b1f3b
- Receipt Beige#fdf0d5
- Transfer Teal#20c997
Utworzono 06/13/2025 11:46
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Transaction Blue #5c7aea i Alert Red #ff6f61. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1B1F3B (najciemniejszy) do #F9F9F9 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
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 (3 z 6).
Kody HEX (posortowane): #1B1F3B, #20C997, #5C7AEA, #F9F9F9, #FDF0D5, #FF6F61
Paleta Mobile Wallet UI Schema łączy 6 kodów kolorów:
HEX: #5c7aea, RGB: (92, 122, 234); HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #1b1f3b, RGB: (27, 31, 59); HEX: #fdf0d5, RGB: (253, 240, 213); HEX: #20c997, RGB: (32, 201, 151)
Uproszczona wersja palety kolorów
Jasny odcień Królewski niebieski, Jasny odcień Biały dym, Ciemny odcień Łososiowy, Ciemny odcień Nocny błękit, Ciemny odcień Papajowy krem, Ciemny odcień Średnia akwamaryna
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Mobile Wallet UI Schema kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #5c7aea | #5c7aea | RGB(92, 122, 234) | Transaction Blue | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Balance Cream | Doctor |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Alert Red | Living Coral |
| #1b1f3b | #1b1f3b | RGB(27, 31, 59) | Button Navy | — |
| #fdf0d5 | #fdf0d5 | RGB(253, 240, 213) | Receipt Beige | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | Transfer Teal | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#5c7aea | #ff6f61 | 1.41 |
#5c7aea | #20c997 | 1.81 |
#f9f9f9 | #fdf0d5 | 1.07 |
#ff6f61 | #20c997 | 1.28 |
#fdf0d5 | #20c997 | 1.88 |
Paleta obrazów Mobile Wallet UI Schema png
Eksportuj paletę
Pobierz "Mobile Wallet UI Schema" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: