Mobile Wallet UI Schema
- Transaction Blue#5c7aea
- Balance Cream#f9f9f9
- Alert Red#ff6f61
- Button Navy#1b1f3b
- Receipt Beige#fdf0d5
- Transfer Teal#20c997
Dibuat pada 06/13/2025 11:46
Palet terdiri dari Terang, Gelap warna. Warna aksen Transaction Blue #5c7aea dan Alert Red #ff6f61. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #1B1F3B (paling gelap) ke #F9F9F9 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (3 dari 6).
Kode HEX (diurutkan): #1B1F3B, #20C997, #5C7AEA, #F9F9F9, #FDF0D5, #FF6F61
Palet Mobile Wallet UI Schema menggabungkan 6 kode warna:
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)
Versi warna palet yang disederhanakan
Nuansa terang dari Biru royal, Nuansa terang dari Asap putih, Nuansa gelap dari Salem, Nuansa gelap dari Biru tengah malam, Nuansa gelap dari Krim pepaya, Nuansa gelap dari Akuamarin sedang
Skema warna diciptakan oleh colorscheme
Kode warna dalam palet
Mobile Wallet UI Schema kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #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 | — |
Kontras Palet Warna
5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#5c7aea | #ff6f61 | 1.41 |
#5c7aea | #20c997 | 1.81 |
#f9f9f9 | #fdf0d5 | 1.07 |
#ff6f61 | #20c997 | 1.28 |
#fdf0d5 | #20c997 | 1.88 |
Palet gambar Mobile Wallet UI Schema png
Ekspor Palet
Unduh "Mobile Wallet UI Schema" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: