Menghasilkan Palet
  1. Palet warna
  2. Design Tokens Theme Export

Design Tokens Theme Export

  • Primary Indigo
    #3f51b5
  • Secondary Amber
    #ffc107
  • Neutral Fog
    #f5f5f5
  • Accent Mint
    #4db6ac
  • Error Crimson
    #e53935
  • Base Grey
    #bdbdbd
  • Background Snow
    #fafafa
  6
Dibuat pada 07/04/2025 09:39
olehcolourlock
Palet terdiri dari Setengah gelap, Terang warna. Warna aksen Primary Indigo #3f51b5 dan Secondary Amber #ffc107. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #3F51B5 (paling gelap) ke #FAFAFA (paling terang). Rentang kecerahan sedang.

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

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

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

Kode HEX (diurutkan): #3F51B5, #4DB6AC, #BDBDBD, #E53935, #F5F5F5, #FAFAFA, #FFC107

Palet Design Tokens Theme Export menggabungkan 7 kode warna:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffc107, RGB: (255, 193, 7); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #e53935, RGB: (229, 57, 53); HEX: #bdbdbd, RGB: (189, 189, 189)
HEX: #fafafa, RGB: (250, 250, 250)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru batu, Nuansa gelap dari Emas, Asap putih, Nuansa terang dari Hijau laut muda, Nuansa terang dari Merah, Nuansa gelap dari Perak, Nuansa terang dari Asap putih
Skema warna diciptakan oleh colourlock

Kode warna dalam palet

Design Tokens Theme Export kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#3f51b5#3f51b5RGB(63, 81, 181)Primary Indigo—
#ffc107#ffc107RGB(255, 193, 7)Secondary Amber—
#f5f5f5#f5f5f5RGB(245, 245, 245)Neutral FogWhitesmoke
#4db6ac#4db6acRGB(77, 182, 172)Accent Mint—
#e53935#e53935RGB(229, 57, 53)Error Crimson—
#bdbdbd#bdbdbdRGB(189, 189, 189)Base GreyGray74
#fafafa#fafafaRGB(250, 250, 250)Background SnowDr. White

Kontras Palet Warna

10 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#3f51b5
#e53935
1.62
#ffc107
#f5f5f5
1.49
#ffc107
#4db6ac
1.49
#ffc107
#bdbdbd
1.15
#ffc107
#fafafa
1.56
#f5f5f5
#bdbdbd
1.72

Palet gambar Design Tokens Theme Export png

Design Tokens Theme Export palet warna: Primary Indigo, Secondary Amber, Neutral Fog, Accent Mint, Error Crimson, Base Grey
 Unduh gambar