Menghasilkan Palet
  1. Palet warna
  2. Design System Token Overlay

Design System Token Overlay

  • Token Core Black
    #090c10
  • Spacing Guide Yellow
    #ffed66
  • Color Swatch Sky
    #89cff0
  • Typography Grey
    #b6b6b6
  • Radius Preview White
    #fbfbfb
  • Component Line Purple
    #9d4edd
  1
Dibuat pada 07/11/2025 12:52
olehcolorslib
Palet terdiri dari Gelap, Terang, Setengah gelap warna. Warna aksen Spacing Guide Yellow #ffed66 dan Color Swatch Sky #89cff0. Palet memiliki suhu warna Netral, Hangat, Dingin.

Menurut kecerahan, palet ini dari #090C10 (paling gelap) ke #FBFBFB (paling terang). Rentang kecerahan lebar.

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

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

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

Kode HEX (diurutkan): #090C10, #89CFF0, #9D4EDD, #B6B6B6, #FBFBFB, #FFED66

Palet Design System Token Overlay menggabungkan 6 kode warna:
HEX: #090c10, RGB: (9, 12, 16); HEX: #ffed66, RGB: (255, 237, 102); HEX: #89cff0, RGB: (137, 207, 240)
HEX: #b6b6b6, RGB: (182, 182, 182); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #9d4edd, RGB: (157, 78, 221)
Versi warna palet yang disederhanakan
Nuansa terang dari Hitam, Nuansa terang dari Khaki, Nuansa terang dari Biru langit, Nuansa gelap dari Perak, Nuansa gelap dari Putih, Nuansa terang dari Anggrek tua
Skema warna diciptakan oleh colorslib

Kode warna dalam palet

Design System Token Overlay kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#090c10 #090c10 RGB(9, 12, 16)Token Core Black—
#ffed66 #ffed66 RGB(255, 237, 102)Spacing Guide Yellow—
#89cff0 #89cff0 RGB(137, 207, 240)Color Swatch SkyPool Tiles
#b6b6b6 #b6b6b6 RGB(182, 182, 182)Typography Grey—
#fbfbfb #fbfbfb RGB(251, 251, 251)Radius Preview WhiteWhiteout
#9d4edd #9d4edd RGB(157, 78, 221)Component Line Purple—

Kontras Palet Warna

6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#ffed66
#89cff0
1.43
#ffed66
#b6b6b6
1.69
#ffed66
#fbfbfb
1.15
#89cff0
#b6b6b6
1.18
#89cff0
#fbfbfb
1.65
#b6b6b6
#fbfbfb
1.95

Palet gambar Design System Token Overlay png

Design System Token Overlay palet warna: Token Core Black, Spacing Guide Yellow, Color Swatch Sky, Typography Grey
 Unduh gambar