Hoverstate Design Framework

  • Action Orange
    #ffa069
  • Select Mint
    #b9ffe0
  • Modal Ink
    #0e0e0e
  • Canvas White
    #ffffff
  • Sidebar Violet
    #cabeff
  • Hint Gray
    #dddddd
  • Pulse Rose
    #ffacc7
  6
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

WarnaHEXRGBNamanama alternatif
#ffa069#ffa069RGB(255, 160, 105)Action Orange—
#b9ffe0#b9ffe0RGB(185, 255, 224)Select Mint—
#0e0e0e#0e0e0eRGB(14, 14, 14)Modal Ink—
#ffffff#ffffffRGB(255, 255, 255)Canvas WhiteWhite
#cabeff#cabeffRGB(202, 190, 255)Sidebar Violet—
#dddddd#ddddddRGB(221, 221, 221)Hint GraySteam
#ffacc7#ffacc7RGB(255, 172, 199)Pulse Rose—

Kontras Palet Warna

14 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio 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