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
Dibuat pada 07/12/2025 20:05
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 Slate | Shoe Wax |
| #6cc24a | #6cc24a | RGB(108, 194, 74) | Node Canopy | — |
| #ff6492 | #ff6492 | RGB(255, 100, 146) | Semantic Rose | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Input Pearl | Dr. 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
Ekspor Palet
Unduh "React Component Flow System" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: