Dibuat di 03/30/2026 11:31
Human Computer Interaction Cognitive Load UX Palette
- Focus Blue#3b82f6
- Memory Green#22c55e
- Attention Yellow#facc15
- Error Red#ef4444
- Neutral Light#f9fafb
- Depth Gray#6b7280
- Text Black#020617
Palet terdiri dari Lampu, Gelap warna. Warna aksen Focus Blue #3b82f6 Dan Attention Yellow #facc15. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #020617 (paling gelap) ke #F9FAFB (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): #020617, #22C55E, #3B82F6, #6B7280, #EF4444, #F9FAFB, #FACC15
Palette Human Computer Interaction Cognitive Load UX Palette memiliki kombinasi warna kode 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #020617, RGB: (2, 6, 23)
Versi warna palet yang disederhanakan
Warna dari dodgerblue, Warna dari limegreen, Warna dari gold, Warna dari indianred, Bayangan dari whitesmoke, Warna dari slategrey, Bayangan dari Hitam
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Human Computer Interaction Cognitive Load UX Palette kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Memory Green | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Attention Yellow | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Neutral Light | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Depth Gray | — |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #ef4444 | 1.02 |
#3b82f6 | #6b7280 | 1.31 |
#22c55e | #facc15 | 1.48 |
#22c55e | #ef4444 | 1.65 |
#facc15 | #f9fafb | 1.46 |
Palet gambar Human Computer Interaction Cognitive Load UX Palette png
Ekspor Palet
Unduh "Human Computer Interaction Cognitive Load UX Palette" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: