Menghasilkan Palet
  1. Palet warna
  2. Interactive Web App UI Tokens

Interactive Web App UI Tokens

  • Click Coral
    #fb7185
  • Hover Indigo
    #6366f1
  • Input Cream
    #fef9c3
  • Transition Teal
    #14b8a6
  • Form Shadow
    #9ca3af
  • Field Mist
    #f3f4f6
  • CTA Yellow
    #fcd34d
  1
Dibuat pada 06/27/2025 11:01
olehcolorslib
Palet terdiri dari Terang warna. Warna aksen Hover Indigo #6366f1 dan Input Cream #fef9c3. Palet memiliki suhu warna Hangat, Dingin, Netral.

Menurut kecerahan, palet ini dari #6366F1 (paling gelap) ke #FEF9C3 (paling terang). Rentang kecerahan sedang.

Saturasi keseluruhan terasa hidup (chroma tinggi) — 71% warna cerah.

Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.

Secara keseluruhan suhu warna condong ke hangat (3 dari 7).

Kode HEX (diurutkan): #14B8A6, #6366F1, #9CA3AF, #F3F4F6, #FB7185, #FCD34D, #FEF9C3

Palet Interactive Web App UI Tokens menggabungkan 7 kode warna:
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #fcd34d, RGB: (252, 211, 77)
Versi warna palet yang disederhanakan
Nuansa gelap dari Koral muda, Nuansa gelap dari Biru batu sedang, Nuansa gelap dari Sifon lemon, Nuansa gelap dari Hijau laut muda, Nuansa gelap dari Abu-abu tua, Nuansa gelap dari Asap putih, Nuansa terang dari Emas
Skema warna diciptakan oleh colorslib

Kode warna dalam palet

Interactive Web App UI Tokens kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#fb7185 #fb7185 RGB(251, 113, 133)Click Coral—
#6366f1 #6366f1 RGB(99, 102, 241)Hover Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Input Cream—
#14b8a6 #14b8a6 RGB(20, 184, 166)Transition Teal—
#9ca3af #9ca3af RGB(156, 163, 175)Form Shadow—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Field Mist—
#fcd34d #fcd34d RGB(252, 211, 77)CTA Yellow—

Kontras Palet Warna

12 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#fb7185
#6366f1
1.65
#fb7185
#14b8a6
1.08
#fb7185
#9ca3af
1.06
#fb7185
#fcd34d
1.86
#6366f1
#14b8a6
1.79
#6366f1
#9ca3af
1.75

Palet gambar Interactive Web App UI Tokens png

Interactive Web App UI Tokens palet warna: Click Coral, Hover Indigo, Input Cream, Transition Teal, Form Shadow, Field Mist
 Unduh gambar