Color Tools

Generator Pencampur Warna

Buat nuansa warna khusus dengan mudah menggunakan alat pencampur warna online ini. Padukan dua atau lebih kode warna HEX atau RGB, sesuaikan persentase campuran, dan lihat hasil warna secara langsung.

sRGB Blended Result

#000000

RGB: 0, 0, 0 | HSL: 0°, 0%, 0%

Space Algorithm
WCAG Contrast Compliance
White Text21.00:1 ✓ Pass
Black Text1.00:1 ✕ Low

Source Colors & Weight Ratios

3 Active Slots
Ratio Weight1x
Ratio Weight1x
Ratio Weight1x

Mengapa menggunakan alat ini?

Mengapa menggunakan alat ini?

Setiap halaman menjelaskan fungsi alat, cara menggunakannya, dan menjawab pertanyaan umum.

Cara menggunakannya

Cara menggunakannya

  1. Langkah 1

    Tentukan warna dasar

    Masukkan dua warna atau lebih menggunakan kode HEX (#HEX), atau klik pemilih warna interaktif.
  2. Langkah 2

    Sesuaikan rasio campuran

    Atur slider rasio untuk menentukan bobot relatif atau persentase setiap warna dalam campuran akhir.
  3. Langkah 3

    Pilih algoritma ruang warna

    Pilih sRGB, Linear RGB, OKLAB, atau HSL untuk mengubah cara interpolasi kanal warna dihitung.
  4. Langkah 4

    Salin cuplikan atau ekspor file

    Salin kode HEX, RGB, atau CSS color-mix() hasil campuran, atau ekspor sampel dalam format PNG, SVG, atau JSON.

Cara Kerja Pencampur Warna Online

Alat pencampur warna online ini menghitung hasil campuran dengan menginterpolasi kanal warna secara matematis melalui beberapa algoritma ruang warna, termasuk sRGB, Linear RGB, OKLAB, dan HSL. Dengan menyesuaikan slider rasio, desainer dan developer dapat menghitung kode HEX perantara secara akurat serta menghasilkan teks CSS W3C color-mix() yang valid untuk stylesheet front-end.

Ekstrak Warna dari Foto dan Grafik Vektor

Dengan fitur ekstraksi warna dari gambar, Anda dapat mengunggah file gambar atau foto. Pemindai bawaan mengambil sampel warna dominan langsung ke kanvas pencampuran, sehingga Anda dapat memadukan warna merek, nuansa foto, atau palet ilustrasi dengan mudah.

Penjelasan fitur

Integrasi CSS Modern

Hasilkan sintaks fungsi W3C CSS color-mix() standar dan properti kustom CSS, serta nilai HEX, RGB, dan HSL.

Ekstraksi Warna Gambar dan SVG

Ekstrak warna palet dominan dari file PNG, JPG, atau SVG yang diunggah untuk digunakan sebagai masukan campuran.

Pencampuran Ruang Warna Perseptual

Pilih algoritma sRGB digital standar, Linear RGB fotometrik, atau OKLAB perseptual untuk pencampuran warna yang akurat.

Ekspor File Berbagai Format

Unduh sampel warna hasil perhitungan sebagai kartu gambar PNG resolusi tinggi, grafik vektor SVG yang dapat diskalakan, atau file data JSON terstruktur.

Untuk apa alat ini dapat digunakan?

Desain Web dan UI

Hitung warna peralihan untuk status hover, warna tombol nonaktif, dan tema UI yang aksesibel menggunakan rasio campuran khusus.

Ilustrasi Digital dan Branding

Simulasikan rasio pencampuran cat secara digital untuk melihat variasi palet merek dan nuansa karya seni digital.

Informasi alat

Jenis alatPencampur warna web interaktif
Format masukan yang didukungHEX, RGB, HSL, PNG, JPG, SVG
Ruang warna yang didukungsRGB, Linear RGB, OKLAB, HSL
Opsi eksporSampel PNG, vektor SVG, data JSON, kode CSS
Model pemrosesan100% di browser (sisi klien)

Manfaat

  • Buat campuran warna yang akurat secara matematis dalam sekejap tanpa memasang perangkat lunak grafis.
  • Salin sintaks CSS color-mix() standar langsung ke stylesheet aplikasi web modern.
  • Periksa rasio kontras teks WCAG secara langsung untuk teks putih dan hitam di atas warna.
  • Ekstrak sampel warna merek langsung dari gambar yang diunggah atau grafik vektor SVG.

Batasan

  • Ruang warna perseptual yang kompleks seperti OKLAB dihitung sebagai pendekatan digital untuk ditampilkan di browser.
  • Ekstraksi warna dari file gambar berukuran besar mungkin memerlukan beberapa detik, bergantung pada perangkat keras browser.

Privasi dengan Pemrosesan di Sisi Klien

Semua perhitungan kanal warna, pemindaian gambar, dan pembuatan file berlangsung secara lokal di memori browser. Foto dan grafik yang Anda unggah tidak pernah dikirim ke server jarak jauh.

Tidak Ada Penyimpanan di Server

Alat pencampur warna online ini berfungsi sepenuhnya secara offline setelah halaman dimuat. Data pengguna, preferensi palet, maupun gambar yang diunggah tidak dicatat atau dilacak.

Tips

  • Kunci warna favorit dengan ikon gembok sebelum mengeklik Randomize untuk menemukan warna campuran lain yang cocok.
  • Gunakan mode Linear RGB saat mencampur warna untuk pencahayaan realistis, rendering 3D, atau lukisan di kanvas digital.

Pertanyaan umum

Bagaimana pencampur warna online menghitung hasil campuran?

Alat ini menginterpolasi kanal merah, hijau, dan biru berdasarkan persentase yang dipilih serta algoritma ruang warna (seperti sRGB, Linear RGB, atau OKLAB) untuk menghitung kode HEX perantara secara akurat.

Bisakah saya menyalin kode CSS color-mix() langsung untuk pengembangan web?

Bisa. Alat ini menghasilkan sintaks standar color-mix(in srgb, color1 ratio%, color2) yang dapat langsung digunakan di stylesheet CSS modern.

Bisakah saya mencampur warna yang diekstrak dari foto yang diunggah?

Bisa. Unggah gambar atau file SVG melalui tab Image Extractor untuk mengambil sampel warna yang diinginkan dan langsung mencampurnya.

Format file apa saja yang tersedia untuk mengekspor warna campuran?

Anda dapat mengekspor palet hasil perhitungan sebagai kartu gambar PNG, file vektor SVG, struktur data JSON, atau cuplikan kode CSS.

Apakah alat pencampur warna ini gratis dan bisa digunakan tanpa akun?

Ya. Alat ini sepenuhnya gratis, tidak memerlukan pendaftaran atau akun, dan berfungsi langsung di browser.