React Native Mobile Canvas
- Touch Indigo#5c6bc0
- Scroll White#ffffff
- Gesture Lime#dce775
- Avatar Coral#ff8a65
- Modal Overlay#212121
- Input Sky#81d4fa
- Shadow Grey#bdbdbd
Dibuat pada 07/04/2025 09:40
Palet terdiri dari Setengah gelap, Terang, Gelap warna. Warna aksen Avatar Coral #ff8a65 dan Input Sky #81d4fa. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #212121 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi campuran — 3 redup dan 3 cerah dari 7 warna.
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): #212121, #5C6BC0, #81D4FA, #BDBDBD, #DCE775, #FF8A65, #FFFFFF
Palet React Native Mobile Canvas menggabungkan 7 kode warna:
HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #ffffff, RGB: (255, 255, 255); HEX: #dce775, RGB: (220, 231, 117)
HEX: #ff8a65, RGB: (255, 138, 101); HEX: #212121, RGB: (33, 33, 33); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #bdbdbd, RGB: (189, 189, 189)
Versi warna palet yang disederhanakan
Nuansa terang dari Biru royal, Putih, Nuansa gelap dari Khaki, Nuansa terang dari Koral, Nuansa terang dari Hitam, Nuansa terang dari Biru langit, Nuansa gelap dari Perak
Skema warna diciptakan oleh hex
Kode warna dalam palet
React Native Mobile Canvas kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | Touch Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Scroll White | White |
| #dce775 | #dce775 | RGB(220, 231, 117) | Gesture Lime | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Avatar Coral | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Overlay | Lead |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Input Sky | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Shadow Grey | Gray74 |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ffffff | #dce775 | 1.33 |
#ffffff | #81d4fa | 1.64 |
#ffffff | #bdbdbd | 1.87 |
#dce775 | #ff8a65 | 1.73 |
#dce775 | #81d4fa | 1.23 |
#dce775 | #bdbdbd | 1.4 |
Palet gambar React Native Mobile Canvas png
Ekspor Palet
Unduh "React Native Mobile Canvas" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: