Menghasilkan Palet
  1. Palet warna
  2. Mobile First CSS Framework Theme

Mobile First CSS Framework Theme

  • Layout Magenta
    #ef476f
  • Responsive Teal
    #06d6a0
  • Navbar Gold
    #ffd166
  • Background Snow White
    #f8f9fa
  • Icon Charcoal
    #343a40
  • Container Sky Blue
    #118ab2
  1
Dibuat pada 07/11/2025 09:39
olehraccoon
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Responsive Teal #06d6a0 dan Navbar Gold #ffd166. Palet memiliki suhu warna Hangat, Dingin, Netral.

Menurut kecerahan, palet ini dari #343A40 (paling gelap) ke #F8F9FA (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.

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

Kode HEX (diurutkan): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166

Palet Mobile First CSS Framework Theme menggabungkan 6 kode warna:
HEX: #ef476f, RGB: (239, 71, 111); HEX: #06d6a0, RGB: (6, 214, 160); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #118ab2, RGB: (17, 138, 178)
Versi warna palet yang disederhanakan
Nuansa terang dari Merah India, Nuansa gelap dari Akuamarin sedang, Nuansa terang dari Emas, Nuansa terang dari Asap putih, Nuansa gelap dari Abu-abu batu tua, Nuansa gelap dari Biru baja
Skema warna diciptakan oleh raccoon

Kode warna dalam palet

Mobile First CSS Framework Theme kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#ef476f #ef476f RGB(239, 71, 111)Layout Magenta—
#06d6a0 #06d6a0 RGB(6, 214, 160)Responsive Teal—
#ffd166 #ffd166 RGB(255, 209, 102)Navbar Gold—
#f8f9fa #f8f9fa RGB(248, 249, 250)Background Snow White—
#343a40 #343a40 RGB(52, 58, 64)Icon Charcoal—
#118ab2 #118ab2 RGB(17, 138, 178)Container Sky Blue—

Kontras Palet Warna

5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Palet gambar Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme palet warna: Layout Magenta, Responsive Teal, Navbar Gold, Background Snow White
 Unduh gambar