Hero Roster Dashboard UI
- Hero Tag Cyan#22d3ee
- Class Color Red#f87171
- Ability Icon Yellow#facc15
- Power Meter Purple#a78bfa
- UI Border Slate#64748b
- Dark Mode Panel#0f172a
Dibuat pada 06/09/2025 19:39
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen Ability Icon Yellow #facc15 dan Power Meter Purple #a78bfa. Palet memiliki suhu warna Dingin, Hangat.
Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #FACC15 (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.
Secara keseluruhan suhu warna condong ke dingin (4 dari 6).
Kode HEX (diurutkan): #0F172A, #22D3EE, #64748B, #A78BFA, #F87171, #FACC15
Palet Hero Roster Dashboard UI menggabungkan 6 kode warna:
HEX: #22d3ee, RGB: (34, 211, 238); HEX: #f87171, RGB: (248, 113, 113); HEX: #facc15, RGB: (250, 204, 21)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #64748b, RGB: (100, 116, 139); HEX: #0f172a, RGB: (15, 23, 42)
Versi warna palet yang disederhanakan
Nuansa terang dari Pirus tua, Nuansa gelap dari Koral muda, Nuansa gelap dari Emas, Nuansa terang dari Ungu sedang, Nuansa gelap dari Abu-abu batu, Nuansa terang dari Hitam
Skema warna diciptakan oleh hex
Kode warna dalam palet
Hero Roster Dashboard UI kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Hero Tag Cyan | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Class Color Red | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Ability Icon Yellow | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Power Meter Purple | — |
| #64748b | #64748b | RGB(100, 116, 139) | UI Border Slate | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Panel | — |
Kontras Palet Warna
8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#22d3ee | #f87171 | 1.53 |
#22d3ee | #facc15 | 1.18 |
#22d3ee | #a78bfa | 1.5 |
#f87171 | #facc15 | 1.8 |
#f87171 | #a78bfa | 1.01 |
#f87171 | #64748b | 1.72 |
Palet gambar Hero Roster Dashboard UI png
Ekspor Palet
Unduh "Hero Roster Dashboard UI" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: