Dibuat di 09/03/2025 14:20
UI Accessibility Story Mapping Grid
- Contrast Aqua#00bfa6
- Persona Peach#ffb997
- Flow Yellow#ffdd00
- Guidebook Gray#dfe0e2
- Inclusive Indigo#5a5a9c
- Canvas White#ffffff
- Marker Black#151515
Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Contrast Aqua #00bfa6 Dan Flow Yellow #ffdd00. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #151515 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa sebagian besar redup (chroma rendah).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Nada hangat dan dingin cukup seimbang.
Kode HEX (diurutkan): #00BFA6, #151515, #5A5A9C, #DFE0E2, #FFB997, #FFDD00, #FFFFFF
Palette UI Accessibility Story Mapping Grid memiliki kombinasi warna kode 7:
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #ffb997, RGB: (255, 185, 151); HEX: #ffdd00, RGB: (255, 221, 0)
HEX: #dfe0e2, RGB: (223, 224, 226); HEX: #5a5a9c, RGB: (90, 90, 156); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #151515, RGB: (21, 21, 21)
Versi warna palet yang disederhanakan
Warna dari lightseagreen, Bayangan dari lightsalmon, Bayangan dari gold, Bayangan dari gainsboro, Warna dari slateblue, Putih, Bayangan dari Hitam
Skema warna diciptakan oleh palettespicker
Kode warna dalam palet
UI Accessibility Story Mapping Grid kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Contrast Aqua | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Persona Peach | — |
| #ffdd00 | #ffdd00 | RGB(255, 221, 0) | Flow Yellow | Super Saiyan |
| #dfe0e2 | #dfe0e2 | RGB(223, 224, 226) | Guidebook Gray | — |
| #5a5a9c | #5a5a9c | RGB(90, 90, 156) | Inclusive Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #151515 | #151515 | RGB(21, 21, 21) | Marker Black | Matt Black |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#00bfa6 | #ffb997 | 1.4 |
#00bfa6 | #ffdd00 | 1.73 |
#00bfa6 | #dfe0e2 | 1.76 |
#ffb997 | #ffdd00 | 1.23 |
#ffb997 | #dfe0e2 | 1.25 |
#ffb997 | #ffffff | 1.66 |
Palet gambar UI Accessibility Story Mapping Grid png
Ekspor Palet
Unduh "UI Accessibility Story Mapping Grid" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: