Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31

Frontend Experience Schema memiliki 5 warna dari berbagai rona. Warna paling terang adalah UX Dust (#F7F1E1), yang paling gelap Base Ink (#282828). Pasangan dengan kontras tertinggi adalah #282828 di atas #F7F1E1 (13.0:1, WCAG AAA).

Dibuat pada 07/08/2025 20:02
Palet terdiri dari Terang, Gelap warna. Warna aksen UX Dust #f7f1e1 dan Input Teal #009fb7. Palet memiliki suhu warna Netral, Dingin, Hangat.

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

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

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

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

Kode HEX (diurutkan): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

Palet Frontend Experience Schema menggabungkan 5 kode warna:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Versi warna palet yang disederhanakan
Nuansa gelap dari Renda tua, Nuansa gelap dari Biru kadet, Nuansa terang dari Cokelat kemerahan, Nuansa terang dari Biru langit, Nuansa terang dari Hitam
Skema warna diciptakan oleh colorday

Kode warna dalam palet

Frontend Experience Schema kode warna HEX, informasi RGB dalam tabel

WarnaHEXRGBNamanama alternatif
#f7f1e1#f7f1e1RGB(247, 241, 225)UX DustCoconut Twist
#009fb7#009fb7RGB(0, 159, 183)Input Teal—
#d4a5a5#d4a5a5RGB(212, 165, 165)State Orchid—
#9dd9f3#9dd9f3RGB(157, 217, 243)Flowchart Blue—
#282828#282828RGB(40, 40, 40)Base InkDire Wolf

Kontras Palet Warna

4 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teksWarna latar belakangRasio Kontras
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

Palet gambar Frontend Experience Schema png