Dibuat di 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
Palet terdiri dari Lampu, Gelap, Setengah gelap warna. Warna aksen Swipe Sky #9ed8f3 Dan Form Eggshell #fffbf5. Palet memiliki suhu warna Hangat, Dingin, Netral.
Menurut kecerahan, palet ini dari #2F2E33 (paling gelap) ke #FFFBF5 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
Palette Mobile Interaction Pattern Guide memiliki kombinasi warna kode 6:
HEX: #ffcba4, RGB: (255, 203, 164); HEX: #2f2e33, RGB: (47, 46, 51); HEX: #9ed8f3, RGB: (158, 216, 243)
HEX: #fffbf5, RGB: (255, 251, 245); HEX: #7a4eab, RGB: (122, 78, 171); HEX: #f44336, RGB: (244, 67, 54)
Versi warna palet yang disederhanakan
Warna dari peachpuff, Bayangan dari Hitam, Bayangan dari skyblue, Bayangan dari floralwhite, Warna dari slateblue, Warna dari tomato
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Mobile Interaction Pattern Guide kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #ffcba4 | #ffcba4 | RGB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RGB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RGB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RGB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Alert Red | — |
Kontras Palet Warna
4 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Palet gambar Mobile Interaction Pattern Guide png
Ekspor Palet
Unduh "Mobile Interaction Pattern Guide" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: