Dibuat di 08/18/2025 08:35
UI Kit AI Accessibility Canvas
- Card White#ffffff
- Contrast Black#0f172a
- Focus Blue#2563eb
- Error Red#f43f5e
- Success Green#22c55e
- Neutral Gray#9ca3af
- Highlight Amber#fbbf24
Palet terdiri dari Lampu, Gelap, Setengah gelap warna. Warna aksen Focus Blue #2563eb Dan Highlight Amber #fbbf24. Palet memiliki suhu warna Netral, Dingin, Hangat.
Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #FFFFFF (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): #0F172A, #22C55E, #2563EB, #9CA3AF, #F43F5E, #FBBF24, #FFFFFF
Palette UI Kit AI Accessibility Canvas memiliki kombinasi warna kode 7:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #0f172a, RGB: (15, 23, 42); HEX: #2563eb, RGB: (37, 99, 235)
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #22c55e, RGB: (34, 197, 94); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fbbf24, RGB: (251, 191, 36)
Versi warna palet yang disederhanakan
Putih, Bayangan dari Hitam, Warna dari royalblue, Warna dari indianred, Warna dari limegreen, Warna dari darkgrey, Bayangan dari goldenrod
Skema warna diciptakan oleh colourlock
Kode warna dalam palet
UI Kit AI Accessibility Canvas kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Contrast Black | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Focus Blue | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Highlight Amber | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#ffffff | #fbbf24 | 1.66 |
#2563eb | #f43f5e | 1.4 |
#f43f5e | #22c55e | 1.61 |
#f43f5e | #9ca3af | 1.44 |
#22c55e | #9ca3af | 1.11 |
#22c55e | #fbbf24 | 1.36 |
Palet gambar UI Kit AI Accessibility Canvas png
Ekspor Palet
Unduh "UI Kit AI Accessibility Canvas" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: