Hoverstate Design Framework
- Action Orange#ffa069
- Select Mint#b9ffe0
- Modal Ink#0e0e0e
- Canvas White#ffffff
- Sidebar Violet#cabeff
- Hint Gray#dddddd
- Pulse Rose#ffacc7
Dibuat pada 06/05/2025 20:29
Palet terdiri dari Terang, Gelap warna. Warna aksen Select Mint #b9ffe0 dan Pulse Rose #ffacc7. Palet memiliki suhu warna Hangat, Dingin, Netral.
Menurut kecerahan, palet ini dari #0E0E0E (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 57% 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): #0E0E0E, #B9FFE0, #CABEFF, #DDDDDD, #FFA069, #FFACC7, #FFFFFF
Palet Hoverstate Design Framework menggabungkan 7 kode warna:
HEX: #ffa069, RGB: (255, 160, 105); HEX: #b9ffe0, RGB: (185, 255, 224); HEX: #0e0e0e, RGB: (14, 14, 14)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #cabeff, RGB: (202, 190, 255); HEX: #dddddd, RGB: (221, 221, 221)
HEX: #ffacc7, RGB: (255, 172, 199)
Versi warna palet yang disederhanakan
Nuansa gelap dari Salem muda, Nuansa terang dari Akuamarin, Nuansa terang dari Hitam, Putih, Nuansa terang dari Biru baja muda, Nuansa terang dari Gainsboro, Nuansa gelap dari Merah jambu muda
Skema warna diciptakan oleh colorhunt
Kode warna dalam palet
Hoverstate Design Framework kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #ffa069 | #ffa069 | RGB(255, 160, 105) | Action Orange | — |
| #b9ffe0 | #b9ffe0 | RGB(185, 255, 224) | Select Mint | — |
| #0e0e0e | #0e0e0e | RGB(14, 14, 14) | Modal Ink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #cabeff | #cabeff | RGB(202, 190, 255) | Sidebar Violet | — |
| #dddddd | #dddddd | RGB(221, 221, 221) | Hint Gray | Steam |
| #ffacc7 | #ffacc7 | RGB(255, 172, 199) | Pulse Rose | — |
Kontras Palet Warna
14 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ffa069 | #b9ffe0 | 1.75 |
#ffa069 | #cabeff | 1.17 |
#ffa069 | #dddddd | 1.47 |
#ffa069 | #ffacc7 | 1.14 |
#b9ffe0 | #ffffff | 1.13 |
#b9ffe0 | #cabeff | 1.49 |
Palet gambar Hoverstate Design Framework png
Ekspor Palet
Unduh "Hoverstate Design Framework" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia:
