Mobile UI for Cognitive Load Reduction
- Calm Sky#b5eaea
- Action Lavender#b28dff
- Focus Surface White#ffffff
- Distractor Gray#ced4da
- Primary Mint#a8e6cf
- Feedback Yellow#fff89a
Dibuat pada 07/16/2025 20:24
Palet terdiri dari Terang warna. Warna aksen Action Lavender #b28dff dan Feedback Yellow #fff89a. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #B28DFF (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan sedang.
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 (4 dari 6).
Kode HEX (diurutkan): #A8E6CF, #B28DFF, #B5EAEA, #CED4DA, #FFF89A, #FFFFFF
Palet Mobile UI for Cognitive Load Reduction menggabungkan 6 kode warna:
HEX: #b5eaea, RGB: (181, 234, 234); HEX: #b28dff, RGB: (178, 141, 255); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #ced4da, RGB: (206, 212, 218); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #fff89a, RGB: (255, 248, 154)
Versi warna palet yang disederhanakan
Nuansa gelap dari Pirus pucat, Nuansa terang dari Ungu sedang, Putih, Nuansa gelap dari Abu-abu muda, Nuansa gelap dari Pirus pucat, Nuansa terang dari Khaki
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
Mobile UI for Cognitive Load Reduction kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #b5eaea | #b5eaea | RGB(181, 234, 234) | Calm Sky | — |
| #b28dff | #b28dff | RGB(178, 141, 255) | Action Lavender | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Focus Surface White | White |
| #ced4da | #ced4da | RGB(206, 212, 218) | Distractor Gray | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Primary Mint | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Feedback Yellow | — |
Kontras Palet Warna
13 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#b5eaea | #b28dff | 1.95 |
#b5eaea | #ffffff | 1.31 |
#b5eaea | #ced4da | 1.13 |
#b5eaea | #a8e6cf | 1.06 |
#b5eaea | #fff89a | 1.2 |
#b28dff | #ced4da | 1.72 |
Palet gambar Mobile UI for Cognitive Load Reduction png
Ekspor Palet
Unduh "Mobile UI for Cognitive Load Reduction" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: