Pencampur Warna
Campur dua warna dan jelajahi gradien penuh di antara keduanya. Sesuaikan rasio untuk mendapatkan campuran yang tepat.
Tentang alat ini
Pencampur Warna memadukan dua warna hex dalam ruang RGB, menghasilkan campuran halus pada rasio apa pun antara 0% dan 100%. Skala gradien menampilkan 7 langkah merata antara dua warna.
Pencampuran RGB adalah operasi yang sama yang dilakukan browser saat mengomposisi warna — tepat secara matematis dan dapat diprediksi. Warna campuran pada 50% adalah titik tengah sebenarnya antara kedua warna dalam ruang RGB.
Cara penggunaan
- Pilih dua warna menggunakan pemilih warna atau ketik kode hex langsung.
- Gunakan tombol preset untuk mencoba kombinasi warna klasik.
- Seret penggeser rasio untuk menyesuaikan campuran. 0% memberikan Warna 1; 100% memberikan Warna 2.
- Klik sampel gradien atau tombol Salin HEX untuk menyalin warna.
Kasus penggunaan
Desainer UI mencampur warna utama merek dengan putih atau hitam untuk status hover, aktif, dan nonaktif. Desainer motion memilih warna perantara untuk animasi keyframe. Developer frontend membuat titik henti gradien tanpa editor grafis.
Pertanyaan umum
- Apakah sama dengan gradien CSS? — Ya. CSS linear-gradient juga mencampur dalam sRGB secara default. Langkah-langkah yang ditampilkan persis sesuai dengan titik perantara yang dilalui gradien CSS.
- Mengapa mencampur merah dan biru tidak menghasilkan ungu? — Dalam RGB, merah (#ff0000) dan biru (#0000ff) pada 50% menghasilkan #7f007f (magenta gelap). Ungu cerah membutuhkan campuran merah dengan biru-ungu seperti #8000ff.
- Bisakah mendapatkan lebih banyak langkah gradien? — Skala selalu menampilkan 7 langkah. Gunakan penggeser rasio untuk memeriksa titik perantara tertentu.
- Apakah mendukung alfa/transparansi? — Tidak, alat ini hanya bekerja dengan warna hex padat.