Menghasilkan Palet
  1. Palet warna
  2. Mobile UI Interaction Tokens

Mobile UI Interaction Tokens

  • Tap Sky
    #60a5fa
  • Drag Lilac
    #c4b5fd
  • Swipe Mint
    #34d399
  • Hold Coral
    #fb7185
  • Drop Cream
    #fffdf7
  • Press Graphite
    #1f2937
  • Bounce Fog
    #f3f4f6
  11
Dibuat pada 06/28/2025 20:35
olehcolorday
Palet terdiri dari Terang, Gelap warna. Warna aksen Drag Lilac #c4b5fd dan Drop Cream #fffdf7. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #1F2937 (paling gelap) ke #FFFDF7 (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.

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

Kode HEX (diurutkan): #1F2937, #34D399, #60A5FA, #C4B5FD, #F3F4F6, #FB7185, #FFFDF7

Palet Mobile UI Interaction Tokens menggabungkan 7 kode warna:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #34d399, RGB: (52, 211, 153)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #f3f4f6, RGB: (243, 244, 246)
Versi warna palet yang disederhanakan
Nuansa terang dari Biru bunga jagung, Nuansa terang dari Biru baja muda, Nuansa gelap dari Akuamarin sedang, Nuansa gelap dari Koral muda, Nuansa terang dari Putih bunga, Nuansa terang dari Hitam, Nuansa gelap dari Asap putih
Skema warna diciptakan oleh colorday

Kode warna dalam palet

Mobile UI Interaction Tokens kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#60a5fa#60a5faRGB(96, 165, 250)Tap Sky—
#c4b5fd#c4b5fdRGB(196, 181, 253)Drag Lilac—
#34d399#34d399RGB(52, 211, 153)Swipe Mint—
#fb7185#fb7185RGB(251, 113, 133)Hold Coral—
#fffdf7#fffdf7RGB(255, 253, 247)Drop Cream—
#1f2937#1f2937RGB(31, 41, 55)Press Graphite—
#f3f4f6#f3f4f6RGB(243, 244, 246)Bounce Fog—

Kontras Palet Warna

11 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#60a5fa
#c4b5fd
1.37
#60a5fa
#34d399
1.32
#60a5fa
#fb7185
1.05
#c4b5fd
#34d399
1.04
#c4b5fd
#fb7185
1.45
#c4b5fd
#fffdf7
1.81

Palet gambar Mobile UI Interaction Tokens png

Mobile UI Interaction Tokens palet warna: Tap Sky, Drag Lilac, Swipe Mint, Hold Coral, Drop Cream, Press Graphite, Bounce Fog
 Unduh gambar