Pemilih Warna Gambar
Unggah gambar, pilih piksel di kanvas, lalu lihat nilai HEX, RGB, HSL, HSV, dan CMYK. Bandingkan warna terbaru, ekstrak palet utama, dan unduh swatch PNG untuk catatan desain.
Klik atau tarik dan lepas
Gambar dibaca di browser kamu. Setelah tampil di kanvas, klik atau sentuh piksel yang ingin diambil warnanya.
Maksimal 10 MB · gambar yang didukung browserPratinjau kanvas
Warna terpilih
Warna terbaru
Palet
langsung bisa dipakai.
- Langsung terlihatArea input dan hasil dibuat mudah ditemukan.
- Hasil lebih duluHasil utama ditempatkan di depan, proses ditampilkan seperlunya.
- Lebih sedikit hambatanBisa dipakai tanpa daftar atau input yang tidak perlu.
Ambil warna dari satu piksel, lalu baca suasana gambar lewat palet
Pemilih warna gambar ini membantu mengambil warna dari foto, tangkapan layar, logo, atau ilustrasi, lalu menampilkan nilainya sebagai HEX, RGB, HSL, HSV, dan CMYK. Saat kamu memilih titik di kanvas, semua kolom kode berubah bersama dan warna tersebut masuk ke daftar warna terbaru.
Satu piksel berguna saat kamu membutuhkan kode yang tepat dari titik tertentu. Palet berguna saat kamu ingin melihat warna utama dari gambar untuk thumbnail, mood board, catatan desain, atau bahan diskusi.
Tambahkan gambar dan pilih titik pertama
- Gunakan Tambah gambar atau area unggah untuk memilih gambar yang didukung browser, seperti JPG, PNG, GIF, atau WebP.
- Setelah gambar tampil di kanvas, arahkan pointer atau sentuh area yang ingin diperiksa.
- Klik atau ketuk untuk mengunci warna dan memperbarui semua kolom kode.
Periksa area kecil dengan pembesar
- Tepi logo, bayangan, dan gradasi bisa berubah warna hanya dalam beberapa piksel.
- Pembesar 9×9 membantu memilih area yang solid, bukan tepi yang membaur.
- Petunjuk koordinat dan alfa berguna saat memeriksa PNG transparan atau ikon kecil.
Pilih format warna sesuai kebutuhan
- HEX biasanya paling praktis untuk CSS, token desain, dan catatan singkat.
- RGB cocok untuk pekerjaan canvas, skrip, dan proses gambar.
- HSL dan HSV membantu menjelaskan arah perubahan hue, saturation, atau value; CMYK hanya referensi kasar, bukan bukti cetak.
Bandingkan kandidat di warna terbaru
- Setiap warna yang dipilih masuk ke daftar warna terbaru.
- Ambil beberapa titik dari area yang sama sebelum memutuskan warna latar, tombol, atau aksen.
- Bersihkan riwayat saat berpindah gambar atau memulai arah desain baru.
Ekstrak palet untuk warna utama gambar
- Palet mengelompokkan warna yang mirip dari sampel gambar dan menampilkan warna yang menonjol lebih awal.
- Pilih 5 warna untuk ringkasan cepat, 8 untuk web atau thumbnail, dan 10 sampai 12 untuk foto dengan variasi warna lebih banyak.
- Gunakan palet sebagai daftar awal, bukan sebagai panduan merek final.
Unduh swatch PNG untuk catatan
- Unduh menyimpan palet yang sudah diekstrak, atau warna terakhir jika palet belum dibuat.
- PNG berisi chip warna dan kode, sehingga mudah ditempel ke catatan feedback, draft, atau dokumen referensi.
- Ekstrak palet lebih dulu jika ingin menyimpan beberapa warna dalam satu file.
Arti pemrosesan di browser lokal
- Gambar yang dipilih dibaca oleh browser saat ini dan digambar ke kanvas.
- Nilai warna diambil dari piksel pada kanvas tersebut, dan alat ini tidak mengunggah gambar untuk membaca warnanya.
- Jika tab ditutup, alat di-reset, atau gambar diganti, status kerja saat ini ikut berubah.
Mengapa warna bisa terlihat berbeda
- Gambar besar dapat digambar ulang ke ukuran kanvas pratinjau agar halaman tetap responsif.
- Kecerahan monitor, profil warna, transparansi, dan cara browser membaca gambar dapat mengubah kesan warna yang sama.
- Untuk persetujuan cetak atau verifikasi piksel asli, cek juga file sumber dengan alur kerja warna khusus.
Cek kontras sebelum dipakai sebagai teks
- Warna yang bagus sebagai chip belum tentu terbaca sebagai teks atau label tombol.
- Uji pasangan warna pada latar terang dan gelap.
- Untuk body text, tombol, dan kontrol penting, gunakan pemeriksa kontras sebelum dipublikasikan.
Contoh alur kerja
- Ambil warna latar dari tangkapan layar dan tempel nilai HEX ke variabel CSS.
- Ekstrak palet 8 warna dari foto produk untuk bahan thumbnail atau landing page.
- Klik beberapa kandidat warna aksen dari ilustrasi, lalu pilih yang paling stabil dari warna terbaru.
Pertanyaan umum
Apakah gambar saya diunggah ke server?
Tidak. Gambar yang dipilih dibaca di browser kamu saat ini dan digambar ke kanvas. Alat ini tidak mengunggah gambar ke server untuk membaca nilai warnanya.
File gambar apa yang bisa digunakan?
Kamu bisa memakai file gambar yang dapat dibaca browser, seperti JPG, PNG, GIF, dan WebP. Tampilan sebenarnya bergantung pada dukungan decoding browser yang digunakan.
Apakah alat ini membaca piksel asli dari gambar besar?
Tidak selalu. Agar layar tetap responsif, gambar besar dapat digambar ulang ke ukuran kanvas pratinjau, lalu nilai warna dibaca dari kanvas tersebut.
Bolehkah palet yang diekstrak dipakai sebagai warna resmi merek?
Palet ini adalah daftar awal warna yang disampel dari gambar. Untuk warna resmi merek atau kebutuhan cetak, cek juga panduan sumber, file asli, atau alat dengan manajemen warna.
Apa yang tersimpan di PNG hasil unduhan?
Jika palet sudah diekstrak, PNG menyimpan chip warna dan kode HEX. Jika palet belum dibuat, PNG hanya menyimpan warna terakhir yang dipilih sebagai swatch kecil.
Bisakah saya mengubah jumlah warna palet?
Kamu bisa memilih 5, 8, 10, atau 12. Gunakan 5 untuk gambar dengan sedikit variasi warna dan 10–12 untuk foto yang penuh warna. Hasilnya diurutkan berdasarkan frekuensi kemunculan warna di gambar.
Apakah bisa digunakan di perangkat mobile?
Ya. Alat ini berjalan di browser, jadi bisa digunakan di smartphone dan tablet. Ketuk kanvas untuk memilih warna. Di layar kecil, kaca pembesar dan panel kode ditumpuk secara vertikal.
Bisakah saya melihat nilai alfa dari gambar transparan?
Saat kamu mengunggah PNG transparan, persentase alfa dari piksel yang dipilih ditampilkan bersama nilai warna. Untuk gambar opak, alfa selalu 100%. Nilai alfa tidak tercermin dalam konversi CMYK.