Menghasilkan Palet
  1. Palet warna
  2. UI State Machine Designer

UI State Machine Designer

  • Idle Steel
    #94a3b8
  • Active Pink
    #fb7185
  • Disabled Gray
    #9ca3af
  • Transition Yellow
    #fcd34d
  • Focus Teal
    #14b8a6
  • Error Plum
    #a78bfa
  • Default Cloud
    #f9fafb
  6
Dibuat pada 06/26/2025 08:35
olehcoolor
Palet terdiri dari Terang warna. Warna aksen Transition Yellow #fcd34d dan Error Plum #a78bfa. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #14B8A6 (paling gelap) ke #F9FAFB (paling terang). Rentang kecerahan sedang.

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

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

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

Kode HEX (diurutkan): #14B8A6, #94A3B8, #9CA3AF, #A78BFA, #F9FAFB, #FB7185, #FCD34D

Palet UI State Machine Designer menggabungkan 7 kode warna:
HEX: #94a3b8, RGB: (148, 163, 184); HEX: #fb7185, RGB: (251, 113, 133); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #14b8a6, RGB: (20, 184, 166); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #f9fafb, RGB: (249, 250, 251)
Versi warna palet yang disederhanakan
Nuansa terang dari Abu-abu batu muda, Nuansa gelap dari Koral muda, Nuansa gelap dari Abu-abu tua, Nuansa terang dari Emas, Nuansa gelap dari Hijau laut muda, Nuansa terang dari Ungu sedang, Nuansa terang dari Asap putih
Skema warna diciptakan oleh coolor

Kode warna dalam palet

UI State Machine Designer kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#94a3b8#94a3b8RGB(148, 163, 184)Idle Steel—
#fb7185#fb7185RGB(251, 113, 133)Active Pink—
#9ca3af#9ca3afRGB(156, 163, 175)Disabled Gray—
#fcd34d#fcd34dRGB(252, 211, 77)Transition Yellow—
#14b8a6#14b8a6RGB(20, 184, 166)Focus Teal—
#a78bfa#a78bfaRGB(167, 139, 250)Error Plum—
#f9fafb#f9fafbRGB(249, 250, 251)Default Cloud—

Kontras Palet Warna

16 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#94a3b8
#fb7185
1.04
#94a3b8
#9ca3af
1
#94a3b8
#fcd34d
1.77
#94a3b8
#14b8a6
1.03
#94a3b8
#a78bfa
1.06
#fb7185
#9ca3af
1.06

Palet gambar UI State Machine Designer png

UI State Machine Designer palet warna: Idle Steel, Active Pink, Disabled Gray, Transition Yellow, Focus Teal, Error Plum
 Unduh gambar