Menghasilkan Palet
  1. Palet warna
  2. Smart UI Accessibility Tokens

Smart UI Accessibility Tokens

  • Readable Indigo
    #6366f1
  • Focus Cream
    #fef9c3
  • Hint Blue
    #3b82f6
  • Label Rose
    #fbcfe8
  • Error Black
    #0f172a
  • Toggle Gray
    #9ca3af
  • Hover Gold
    #facc15
  6
Dibuat pada 06/26/2025 08:37
olehcolorstudio
Palet terdiri dari Terang, Gelap warna. Warna aksen Focus Cream #fef9c3 dan Hint Blue #3b82f6. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #FEF9C3 (paling terang). Rentang kecerahan lebar.

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

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

Nada hangat dan dingin cukup seimbang (3 hangat, 3 dingin).

Kode HEX (diurutkan): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3

Palet Smart UI Accessibility Tokens menggabungkan 7 kode warna:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru batu sedang, Nuansa gelap dari Sifon lemon, Nuansa gelap dari Biru Dodger, Nuansa terang dari Bunga thistle, Nuansa terang dari Hitam, Nuansa gelap dari Abu-abu tua, Nuansa gelap dari Emas
Skema warna diciptakan oleh colorstudio

Kode warna dalam palet

Smart UI Accessibility Tokens kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#6366f1 #6366f1 RGB(99, 102, 241)Readable Indigo—
#fef9c3 #fef9c3 RGB(254, 249, 195)Focus Cream—
#3b82f6 #3b82f6 RGB(59, 130, 246)Hint Blue—
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Label Rose—
#0f172a #0f172a RGB(15, 23, 42)Error Black—
#9ca3af #9ca3af RGB(156, 163, 175)Toggle Gray—
#facc15 #facc15 RGB(250, 204, 21)Hover Gold—

Kontras Palet Warna

8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#6366f1
#3b82f6
1.21
#6366f1
#9ca3af
1.75
#fef9c3
#fbcfe8
1.28
#fef9c3
#facc15
1.42
#3b82f6
#9ca3af
1.44
#fbcfe8
#9ca3af
1.83

Palet gambar Smart UI Accessibility Tokens png

Smart UI Accessibility Tokens palet warna: Readable Indigo, Focus Cream, Hint Blue, Label Rose, Error Black, Toggle Gray
 Unduh gambar