Vue Composition Contrast
- Reactive Jade#00b894
- Directive Rose#ff6b6b
- Slot Cream#fff7e6
- Transition Cyan#00ced1
- DevTools Gray#2f3640
- SingleFile Yellow#ffeaa7
Dibuat pada 06/05/2025 20:12
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Slot Cream #fff7e6 dan Transition Cyan #00ced1. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #2F3640 (paling gelap) ke #FFF7E6 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 83% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (3 dari 6).
Kode HEX (diurutkan): #00B894, #00CED1, #2F3640, #FF6B6B, #FFEAA7, #FFF7E6
Palet Vue Composition Contrast menggabungkan 6 kode warna:
HEX: #00b894, RGB: (0, 184, 148); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff7e6, RGB: (255, 247, 230)
HEX: #00ced1, RGB: (0, 206, 209); HEX: #2f3640, RGB: (47, 54, 64); HEX: #ffeaa7, RGB: (255, 234, 167)
Versi warna palet yang disederhanakan
Nuansa gelap dari Akuamarin sedang, Nuansa gelap dari Salem, Nuansa terang dari Renda tua, Pirus tua, Nuansa gelap dari Abu-abu batu tua, Nuansa terang dari Kuning emas pucat
Skema warna diciptakan oleh colorscheme
Kode warna dalam palet
Vue Composition Contrast kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #00b894 | #00b894 | RGB(0, 184, 148) | Reactive Jade | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Directive Rose | — |
| #fff7e6 | #fff7e6 | RGB(255, 247, 230) | Slot Cream | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Transition Cyan | Darkturquoise |
| #2f3640 | #2f3640 | RGB(47, 54, 64) | DevTools Gray | — |
| #ffeaa7 | #ffeaa7 | RGB(255, 234, 167) | SingleFile Yellow | — |
Kontras Palet Warna
6 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#00b894 | #ff6b6b | 1.09 |
#00b894 | #00ced1 | 1.29 |
#ff6b6b | #00ced1 | 1.42 |
#fff7e6 | #00ced1 | 1.83 |
#fff7e6 | #ffeaa7 | 1.12 |
#00ced1 | #ffeaa7 | 1.63 |
Palet gambar Vue Composition Contrast png
Ekspor Palet
Unduh "Vue Composition Contrast" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: