Data-Driven UI Layer Stack

  • Insight Teal
    #00bfa6
  • Schema Dust
    #e5e5e5
  • Pipeline Maroon
    #8c1c13
  • Query Sky
    #a4e3f4
  • Variable Yellow
    #ffea00
  • Result Navy
    #1b263b
  11
Dibuat pada 06/25/2025 20:35
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen Query Sky #a4e3f4 dan Variable Yellow #ffea00. Palet memiliki suhu warna Dingin, Netral, Hangat.

Menurut kecerahan, palet ini dari #1B263B (paling gelap) ke #FFEA00 (paling terang). Rentang kecerahan lebar.

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

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): #00BFA6, #1B263B, #8C1C13, #A4E3F4, #E5E5E5, #FFEA00

Palet Data-Driven UI Layer Stack menggabungkan 6 kode warna:
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #8c1c13, RGB: (140, 28, 19)
HEX: #a4e3f4, RGB: (164, 227, 244); HEX: #ffea00, RGB: (255, 234, 0); HEX: #1b263b, RGB: (27, 38, 59)
Versi warna palet yang disederhanakan
Nuansa gelap dari Hijau laut muda, Nuansa terang dari Gainsboro, Nuansa terang dari Merah gelap, Nuansa terang dari Biru muda, Nuansa terang dari Emas, Nuansa terang dari Biru tengah malam
Skema warna diciptakan oleh raccoon

Kode warna dalam palet

Data-Driven UI Layer Stack kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#00bfa6#00bfa6RGB(0, 191, 166)Insight Teal—
#e5e5e5#e5e5e5RGB(229, 229, 229)Schema DustGray90
#8c1c13#8c1c13RGB(140, 28, 19)Pipeline Maroon—
#a4e3f4#a4e3f4RGB(164, 227, 244)Query Sky—
#ffea00#ffea00RGB(255, 234, 0)Variable Yellow—
#1b263b#1b263bRGB(27, 38, 59)Result Navy—

Kontras Palet Warna

7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#00bfa6
#e5e5e5
1.85
#00bfa6
#a4e3f4
1.65
#00bfa6
#ffea00
1.89
#e5e5e5
#a4e3f4
1.12
#e5e5e5
#ffea00
1.02
#8c1c13
#1b263b
1.65

Palet gambar Data-Driven UI Layer Stack png