Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Dibuat pada 06/14/2025 19:45
Palet terdiri dari Terang, Gelap warna. Warna aksen Score Green #00b894 dan Popup Blush #ffd6d6. Palet memiliki suhu warna Hangat, Netral, Dingin.
Menurut kecerahan, palet ini dari #111111 (paling gelap) ke #FAFAFA (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 67% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Nada hangat dan dingin cukup seimbang (2 hangat, 2 dingin).
Kode HEX (diurutkan): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
Palet Interactive Learning UI Flow menggabungkan 6 kode warna:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Versi warna palet yang disederhanakan
Nuansa terang dari Emas, Nuansa terang dari Hitam, Nuansa gelap dari Biru langit, Nuansa gelap dari Akuamarin sedang, Nuansa gelap dari Mawar berkabut, Nuansa terang dari Asap putih
Skema warna diciptakan oleh colourlock
Kode warna dalam palet
Interactive Learning UI Flow kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Palet gambar Interactive Learning UI Flow png
Ekspor Palet
Unduh "Interactive Learning UI Flow" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: