Human Centered Design Accessibility Inclusive UI Kit Colors
- Accessible Blue#3b82f6
- Inclusive Green#22c55e
- Alert Red#ef4444
- Focus Yellow#facc15
- Neutral Gray#d1d5db
- Background White#ffffff
- Text Dark#020617
Dibuat pada 03/30/2026 11:43
Palet terdiri dari Terang, Gelap warna. Warna aksen Accessible Blue #3b82f6 dan Focus Yellow #facc15. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #020617 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 71% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (3 dari 7).
Kode HEX (diurutkan): #020617, #22C55E, #3B82F6, #D1D5DB, #EF4444, #FACC15, #FFFFFF
Palet Human Centered Design Accessibility Inclusive UI Kit Colors menggabungkan 7 kode warna:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #facc15, RGB: (250, 204, 21); HEX: #d1d5db, RGB: (209, 213, 219); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru Dodger, Nuansa gelap dari Hijau jeruk nipis, Nuansa gelap dari Merah India, Nuansa gelap dari Emas, Nuansa terang dari Abu-abu muda, Putih, Nuansa terang dari Hitam
Skema warna diciptakan oleh colorday
Kode warna dalam palet
Human Centered Design Accessibility Inclusive UI Kit Colors kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Accessible Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Inclusive Green | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Alert Red | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Focus Yellow | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Neutral Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Dark | — |
Kontras Palet Warna
8 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 |
#22c55e | #ef4444 | 1.65 |
#22c55e | #facc15 | 1.48 |
#22c55e | #d1d5db | 1.54 |
#facc15 | #d1d5db | 1.03 |
Palet gambar Human Centered Design Accessibility Inclusive UI Kit Colors png
Ekspor Palet
Unduh "Human Centered Design Accessibility Inclusive UI Kit Colors" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: