Functional Reactive UX Schema

  • Pipe Coral
    #ff6b6b
  • Signal Cream
    #fff8e7
  • Stream Graphite
    #3b3b3b
  • Map Teal
    #4de1c1
  • Flat Blue
    #80b1f7
  • Fold White
    #f5f5f5
  6
Dibuat pada 07/28/2025 11:20
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Signal Cream #fff8e7 dan Flat Blue #80b1f7. Palet memiliki suhu warna Hangat, Netral, Dingin.

Menurut kecerahan, palet ini dari #3B3B3B (paling gelap) ke #FFF8E7 (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 (2 dari 6).

Kode HEX (diurutkan): #3B3B3B, #4DE1C1, #80B1F7, #F5F5F5, #FF6B6B, #FFF8E7

Palet Functional Reactive UX Schema menggabungkan 6 kode warna:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #3b3b3b, RGB: (59, 59, 59)
HEX: #4de1c1, RGB: (77, 225, 193); HEX: #80b1f7, RGB: (128, 177, 247); HEX: #f5f5f5, RGB: (245, 245, 245)
Versi warna palet yang disederhanakan
Nuansa gelap dari Salem, Nuansa terang dari Renda tua, Nuansa gelap dari Abu-abu batu tua, Nuansa terang dari Pirus, Nuansa terang dari Biru bunga jagung, Asap putih
Skema warna diciptakan oleh colourlock

Kode warna dalam palet

Functional Reactive UX Schema kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#ff6b6b#ff6b6bRGB(255, 107, 107)Pipe Coral—
#fff8e7#fff8e7RGB(255, 248, 231)Signal CreamCosmic Latte
#3b3b3b#3b3b3bRGB(59, 59, 59)Stream GraphiteGray23
#4de1c1#4de1c1RGB(77, 225, 193)Map Teal—
#80b1f7#80b1f7RGB(128, 177, 247)Flat Blue—
#f5f5f5#f5f5f5RGB(245, 245, 245)Fold WhiteWhitesmoke

Kontras Palet Warna

6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#ff6b6b
#4de1c1
1.69
#ff6b6b
#80b1f7
1.26
#fff8e7
#4de1c1
1.54
#fff8e7
#f5f5f5
1.02
#4de1c1
#80b1f7
1.34
#4de1c1
#f5f5f5
1.49

Palet gambar Functional Reactive UX Schema png