Menghasilkan Palet
  1. Palet warna
  2. React Component Flow System

React Component Flow System

  • JS Yellow
    #f7df1e
  • React Ocean
    #61dafb
  • Framework Slate
    #2b2b2b
  • Node Canopy
    #6cc24a
  • Semantic Rose
    #ff6492
  • Input Pearl
    #fafafa
  • Code Lavender
    #a393eb
  21
Dibuat pada 07/12/2025 20:05
olehraccoon
Palet terdiri dari Terang, Gelap warna. Warna aksen React Ocean #61dafb dan Semantic Rose #ff6492. Palet memiliki suhu warna Hangat, Dingin, Netral.

Menurut kecerahan, palet ini dari #2B2B2B (paling gelap) ke #FAFAFA (paling terang). Rentang kecerahan lebar.

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

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

Secara keseluruhan suhu warna condong ke dingin (3 dari 7).

Kode HEX (diurutkan): #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492

Palet React Component Flow System menggabungkan 7 kode warna:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
Versi warna palet yang disederhanakan
Nuansa terang dari Emas, Nuansa gelap dari Biru langit, Nuansa terang dari Hitam, Nuansa terang dari Hijau jeruk nipis, Nuansa terang dari Merah violet pucat, Nuansa terang dari Asap putih, Nuansa terang dari Ungu sedang
Skema warna diciptakan oleh raccoon

Kode warna dalam palet

React Component Flow System kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#f7df1e #f7df1e RGB(247, 223, 30)JS Yellow—
#61dafb #61dafb RGB(97, 218, 251)React Ocean—
#2b2b2b #2b2b2b RGB(43, 43, 43)Framework SlateShoe Wax
#6cc24a #6cc24a RGB(108, 194, 74)Node Canopy—
#ff6492 #ff6492 RGB(255, 100, 146)Semantic Rose—
#fafafa #fafafa RGB(250, 250, 250)Input PearlDr. White
#a393eb #a393eb RGB(163, 147, 235)Code Lavender—

Kontras Palet Warna

11 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#f7df1e
#61dafb
1.2
#f7df1e
#6cc24a
1.64
#f7df1e
#fafafa
1.29
#f7df1e
#a393eb
1.95
#61dafb
#6cc24a
1.36
#61dafb
#ff6492
1.72

Palet gambar React Component Flow System png

React Component Flow System palet warna: JS Yellow, React Ocean, Framework Slate, Node Canopy, Semantic Rose, Input Pearl
 Unduh gambar