Menghasilkan Palet
  1. Palet warna
  2. Interactive Design System AI Kit

Interactive Design System AI Kit

  • Layer Mint
    #b2dfdb
  • Hierarchy Blue
    #64b5f6
  • Prototype White
    #ffffff
  • Contrast Navy
    #212121
  • Component Rose
    #f48fb1
  • Layout Smoke
    #cfd8dc
  1
Dibuat pada 07/25/2025 08:09
olehpalettespicker
Palet terdiri dari Terang, Gelap warna. Warna aksen Hierarchy Blue #64b5f6 dan Component Rose #f48fb1. Palet memiliki suhu warna Dingin, Netral, Hangat.

Menurut kecerahan, palet ini dari #212121 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.

Saturasi campuran — 3 redup dan 2 cerah dari 6 warna.

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

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

Kode HEX (diurutkan): #212121, #64B5F6, #B2DFDB, #CFD8DC, #F48FB1, #FFFFFF

Palet Interactive Design System AI Kit menggabungkan 6 kode warna:
HEX: #b2dfdb, RGB: (178, 223, 219); HEX: #64b5f6, RGB: (100, 181, 246); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #212121, RGB: (33, 33, 33); HEX: #f48fb1, RGB: (244, 143, 177); HEX: #cfd8dc, RGB: (207, 216, 220)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru bedak, Nuansa terang dari Biru langit tua, Putih, Nuansa terang dari Hitam, Nuansa terang dari Merah violet pucat, Nuansa terang dari Abu-abu muda
Skema warna diciptakan oleh palettespicker

Kode warna dalam palet

Interactive Design System AI Kit kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#b2dfdb#b2dfdbRGB(178, 223, 219)Layer Mint—
#64b5f6#64b5f6RGB(100, 181, 246)Hierarchy Blue—
#ffffff#ffffffRGB(255, 255, 255)Prototype WhiteWhite
#212121#212121RGB(33, 33, 33)Contrast NavyLead
#f48fb1#f48fb1RGB(244, 143, 177)Component Rose—
#cfd8dc#cfd8dcRGB(207, 216, 220)Layout Smoke—

Kontras Palet Warna

8 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#b2dfdb
#64b5f6
1.52
#b2dfdb
#ffffff
1.45
#b2dfdb
#f48fb1
1.53
#b2dfdb
#cfd8dc
1
#64b5f6
#f48fb1
1
#64b5f6
#cfd8dc
1.53

Palet gambar Interactive Design System AI Kit png

Interactive Design System AI Kit palet warna: Layer Mint, Hierarchy Blue, Prototype White, Contrast Navy, Component Rose
 Unduh gambar