Dibuat di 07/04/2025 10:08
Story Mapping UI Framework
- Narrative Lilac#e6d6ff
- Persona Yellow#fdeb7b
- Task Teal#8ae9d1
- Flowchart Fog#ededed
- Priority Ink#222222
- Milestone Magenta#ff6bae
Palet terdiri dari Lampu, Gelap warna. Warna aksen Narrative Lilac #e6d6ff Dan Persona Yellow #fdeb7b. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #222222 (paling gelap) ke #EDEDED (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Nada hangat dan dingin cukup seimbang.
Kode HEX (diurutkan): #222222, #8AE9D1, #E6D6FF, #EDEDED, #FDEB7B, #FF6BAE
Palette Story Mapping UI Framework memiliki kombinasi warna kode 6:
HEX: #e6d6ff, RGB: (230, 214, 255); HEX: #fdeb7b, RGB: (253, 235, 123); HEX: #8ae9d1, RGB: (138, 233, 209)
HEX: #ededed, RGB: (237, 237, 237); HEX: #222222, RGB: (34, 34, 34); HEX: #ff6bae, RGB: (255, 107, 174)
Versi warna palet yang disederhanakan
Bayangan dari thistle, Bayangan dari Dril, Bayangan dari turquoise, Warna dari whitesmoke, Bayangan dari Hitam, Bayangan dari hotpink
Skema warna diciptakan oleh colorslib
Kode warna dalam palet
Story Mapping UI Framework kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #e6d6ff | #e6d6ff | RGB(230, 214, 255) | Narrative Lilac | — |
| #fdeb7b | #fdeb7b | RGB(253, 235, 123) | Persona Yellow | — |
| #8ae9d1 | #8ae9d1 | RGB(138, 233, 209) | Task Teal | — |
| #ededed | #ededed | RGB(237, 237, 237) | Flowchart Fog | White Edgar |
| #222222 | #222222 | RGB(34, 34, 34) | Priority Ink | Black Out |
| #ff6bae | #ff6bae | RGB(255, 107, 174) | Milestone Magenta | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#e6d6ff | #fdeb7b | 1.12 |
#e6d6ff | #8ae9d1 | 1.05 |
#e6d6ff | #ededed | 1.16 |
#e6d6ff | #ff6bae | 1.93 |
#fdeb7b | #8ae9d1 | 1.18 |
#fdeb7b | #ededed | 1.03 |
Palet gambar Story Mapping UI Framework png
Ekspor Palet
Unduh "Story Mapping UI Framework" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: