Dibuat di 08/25/2025 19:34
React Native Gamified Component Flow ColorsKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
- Highlight Orange#ff9f43
Palet terdiri dari Lampu, Gelap warna. Warna aksen Hook Blue #4ea8de Dan Context Cream #fff4e1. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #101010 (paling gelap) ke #FFF4E1 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FF9F43, #FFF4E1
Palette React Native Gamified Component Flow ColorsKit memiliki kombinasi warna kode 7:
HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)
HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)
HEX: #ff9f43, RGB: (255, 159, 67)
Versi warna palet yang disederhanakan
Bayangan dari deepskyblue, Bayangan dari mediumseagreen, Bayangan dari lightcoral, Warna dari oldlace, Bayangan dari Hitam, Bayangan dari Hitam, Warna dari sandybrown
Skema warna diciptakan oleh colorstudio
Kode warna dalam palet
React Native Gamified Component Flow ColorsKit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Hook Blue | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | State Green | Emerald Reflection |
| #ff7f91 | #ff7f91 | RGB(255, 127, 145) | Prop Pink | — |
| #fff4e1 | #fff4e1 | RGB(255, 244, 225) | Context Cream | — |
| #1f2029 | #1f2029 | RGB(31, 32, 41) | Render Slate | — |
| #101010 | #101010 | RGB(16, 16, 16) | Virtual DOM Black | — |
| #ff9f43 | #ff9f43 | RGB(255, 159, 67) | Highlight Orange | — |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#4ea8de | #ff9f43 | 1.28 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#50c878 | #ff9f43 | 1.04 |
Palet gambar React Native Gamified Component Flow ColorsKit png
Ekspor Palet
Unduh "React Native Gamified Component Flow ColorsKit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: