Skip to main content

Pencampur Warna Campurkan dua warna bersama dengan rasio yang dapat disesuaikan dan lihat gradien penuh.

Pencampur Warna illustration
๐ŸŽจ

Pencampur Warna

Campurkan dua warna bersama dengan rasio yang dapat disesuaikan dan lihat gradien penuh.

1

Pilih Dua Warna

Pilih dua warna yang ingin Anda campur.

2

Atur Rasio

Gunakan penggeser untuk mengontrol proporsi pencampuran (0-100%).

3

Salin Hasil

Salin warna HEX yang telah dicampur.

Loading tool...

What Is Pencampur Warna?

Sebuah pencampur warna menggabungkan dua warna bersama-sama dengan rasio apa pun, menunjukkan kepada Anda hasil warna yang tepat beserta gradien 11 langkah dari rentang penggabungan penuh. Interpolasi RGB linier menghasilkan warna yang dicampur, yang meniru efek mencampur cat atau membuat transisi warna CSS. Penggeser rasio memungkinkan Anda untuk bertransisi secara mulus dari 100% warna pertama ke 100% warna kedua. Alat ini menampilkan hasil pencampuran dalam pratinjau besar dan strip gradien lengkap sebagai konteks. Pencampuran warna sangat penting untuk membuat warna antara untuk gradien, menemukan titik tengah warna untuk sistem desain, menghasilkan warna transisi untuk animasi, dan memahami bagaimana dua warna merek berinteraksi saat ditumpuk.

Why Use Pencampur Warna?

  • Penggeser rasio mulus dari 0% hingga 100% untuk pencampuran presisi
  • Pratinjau swatch besar hasil pencampuran
  • Gradien 11 langkah penuh menampilkan rentang pencampuran lengkap
  • Keluaran HEX dan RGB dengan tombol salin
  • Lihat segera bagaimana dua warna digabungkan

Common Use Cases

Menemukan Titik Tengah

Temukan titik tengah warna yang tepat antara dua warna merek untuk transisi halus.

Desain Gradien

Pratinjau bagaimana dua warna akan tercampur dalam gradien sebelum diimplementasikan dalam CSS.

Transisi Warna

Buat warna antara untuk langkah animasi antara dua keadaan warna.

Perluasan Palet

Buat warna baru dengan mencampur warna palet yang ada pada rasio yang berbeda.

Technical Guide

Pencampur melakukan interpolasi linier (lerp) dalam ruang warna RGB: hasil = warna1 ร— (1 - t) + warna2 ร— t, di mana t adalah rasio pencampuran dari 0 hingga 1. Setiap saluran (R, G, B) diinterpolasikan secara independen. Ini adalah metode penggabungan yang paling sederhana dan sesuai dengan cara transisi CSS menginterpolasi antara warna. Metode penggabungan yang lebih canggih ada (ruang Lab perseptual, oklab), tetapi RGB linier adalah yang paling banyak digunakan dan konsisten dengan rendering browser. Gradien 11 langkah memvisualisasikan rentang interpolasi penuh pada interval 10%. Perlu diingat bahwa interpolasi RGB linier dapat menghasilkan titik tengah yang sedikit desaturasi - misalnya, mencampur merah murni dan hijau murni menghasilkan coklat kekuningan kusam pada 50%, bukan kuning terang. Ini karena interpolasi RGB tidak mengikuti roda warna.

Tips & Best Practices

  • 1
    Pencampuran 50% memberikan titik tengah visual yang tepat antara dua warna
  • 2
    Coba campur warna komplementer - titik tengahnya seringkali merupakan abu-abu netral menarik
  • 3
    Gunakan strip gradien untuk menemukan rasio di mana pencampuran terlihat terbaik, bukan hanya 50%
  • 4
    Pencampuran dengan putih (tinting) atau hitam (shading) pada rasio yang berbeda membuat skala halus
  • 5
    Pencampuran RGB dapat menghasilkan titik tengah yang kusam - ini adalah perilaku yang diharapkan untuk pencampuran aditif

Related Tools

Frequently Asked Questions

Q Bagaimana perhitungan pencampuran warna?
Warna dicampur menggunakan interpolasi linier dalam ruang RGB. Setiap kanal (R, G, B) di campur secara independen: hasil = kanal1 ร— (1-rasio) + kanal2 ร— rasio.
Q Mengapa mencampur merah dan hijau membuat coklat bukan kuning?
Dalam interpolasi linier RGB, jalur melalui nilai antara yang kusam. Kuning sebenarnya berada di posisi lain dalam ruang warna. Untuk pencampuran yang sadar roda warna, gunakan interpolasi HSL.
Q Apakah ini pencampuran aditif atau subtraktif?
Ini adalah pencampuran aditif (berbasis cahaya) dalam ruang RGB, sesuai dengan cara layar menampilkan warna. Pencampuran subtraktif seperti cat akan menghasilkan hasil yang berbeda (misalnya, biru + kuning = hijau dalam cat, abu-abu dalam RGB).

About This Tool

Pencampur Warna is a free online tool by FreeToolkit.ai. All processing happens directly in your browser โ€” your data never leaves your device. No registration or installation required.