Pencampur Warna Campurkan dua warna bersama dengan rasio yang dapat disesuaikan dan lihat gradien penuh.
Pencampur Warna
Campurkan dua warna bersama dengan rasio yang dapat disesuaikan dan lihat gradien penuh.
Pilih Dua Warna
Pilih dua warna yang ingin Anda campur.
Atur Rasio
Gunakan penggeser untuk mengontrol proporsi pencampuran (0-100%).
Salin Hasil
Salin warna HEX yang telah dicampur.
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
-
1Pencampuran 50% memberikan titik tengah visual yang tepat antara dua warna
-
2Coba campur warna komplementer - titik tengahnya seringkali merupakan abu-abu netral menarik
-
3Gunakan strip gradien untuk menemukan rasio di mana pencampuran terlihat terbaik, bukan hanya 50%
-
4Pencampuran dengan putih (tinting) atau hitam (shading) pada rasio yang berbeda membuat skala halus
-
5Pencampuran RGB dapat menghasilkan titik tengah yang kusam - ini adalah perilaku yang diharapkan untuk pencampuran aditif
Related Tools
Pemilih Warna
Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.
๐จ Color Tools
Pembuat Palet Warna Monokromatik
Buat palet warna monokromatik dari warna dasar apa pun.
๐จ Color Tools
Pembuat Gradien Linier
Buat gradien linier CSS dengan warna kustom, sudut, dan pemberhentian warna.
๐จ Color Tools
Pembuat Nuansa Warna
Buat nuansa warna yang lebih gelap dari warna apa pun dengan jumlah langkah yang dapat disesuaikan.
๐จ Color Tools
Penghasil Warna Tint
Buat warna tint yang lebih terang dari warna apa pun dengan jumlah langkah yang dapat disesuaikan.
๐จ Color ToolsFrequently Asked Questions
Q Bagaimana perhitungan pencampuran warna?
Q Mengapa mencampur merah dan hijau membuat coklat bukan kuning?
Q Apakah ini pencampuran aditif atau subtraktif?
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.