Image Color Picker
Image Color Picker — berjalan di browser. Input tidak disimpan.
Pengambil warna gambar
Unggah gambar, lalu klik piksel untuk melihat HEX dan RGB.
Masukkan nilai, lalu tekan Hitung.
Cara menggunakan
- Di Gambar, pilih berkas untuk disampel. Pratinjau digambar di kanvas.
- Klik piksel yang diinginkan. Crosshair membantu membidik.
- Di hasil, periksa HEX, RGB, klik posisi (x, y), dan swatch.
- Jika perlu, Salin HEX menaruh #rrggbb ke papan klip.
- Reset mengosongkan berkas dan hasil. Gambar tidak dikirim ke server.
Konsep utama
Pengambilan warna gambar membaca satu piksel di koordinat klik lewat canvas getImageData. HEX adalah enam digit hex, RGB tiga nilai 0–255, dan posisi koordinat piksel kanvas. Pratinjau bisa menyusut hingga lebar maks 900 piksel, jadi koordinat mungkin tidak 1:1 dengan asli. Klik di layar dipetakan ke koordinat kanvas untuk ukuran tampilan. Jika berkas gagal, pemberitahuan menyatakan gambar tidak bisa dibaca. Sebelum klik, HEX kosong dan salin tidak melakukan apa pun. Swatch terisi HEX yang dipilih.
Jika hanya butuh palet, pakai pemilih warna; jika hanya mengonversi angka RGB↔HEX, pakai konverter; untuk menghapus latar solid, pakai transparansi latar PNG. Alat ini untuk menyampel warna merek dari foto dan tangkapan layar. Berkas hanya terbuka di peramban. Untuk CSS, Salin HEX paling cepat. Untuk kanvas atau shader yang butuh RGB, salin kolom tengah. Koordinat relatif terhadap kanvas terskala dan bisa berbeda dari piksel asli Photoshop.
Contoh
Unggah PNG logo dan klik area biru: HEX mungkin #1a5cff, dengan RGB dan koordinat. Salin HEX ke variabel CSS. Anda juga bisa memakai gambar yang sama di alat transparansi untuk klik latar. Tepi JPEG terkompresi kabur, jadi klik titik terdekat beberapa kali untuk membandingkan. Menyampel warna tombol dari tangkapan UI untuk mencocokkan token desain adalah penggunaan khas. Bahkan keluarga biru yang sama bisa berbeda 1–2 HEX pada piksel JPEG berdampingan.
Terkait: Pemilih warna · Konverter RGB HEX · Transparansi latar PNG
Pertanyaan umum
Apakah pengambilan warna gambar memakai klik piksel?
Ya. Setelah mengunggah berkas, klik satu titik di pratinjau. Sebelum itu, klik tidak mengubah warna. Setelah mengganti gambar, HEX sebelumnya mungkin tetap—klik lagi. Reset cara paling pasti.
Apakah HEX, RGB, dan koordinat muncul bersama?
Ya. Tiga kolom—HEX, RGB, posisi (x, y)—plus swatch. Alfa (transparansi) tidak ditampilkan. Kolom posisi untuk debug, misalnya kira-kira menemukan ikon di sprite sheet.
Ada tombol Salin HEX?
Ya. Setelah HEX terisi, Salin HEX menaruhnya di papan klip. Sebelum klik, tidak ada yang disalin. Salin hanya menarget HEX. Seret string RGB dari kolomnya.
Apa bedanya dengan pemilih warna?
Pemilih memilih warna sembarang dan bisa menampilkan HSL. Layar ini membaca piksel gambar nyata dan koordinatnya. Jika butuh HSL, tempel HEX tersalin ke kolom HEX pemilih warna.
Apakah gambar diunggah ke server?
Tidak. Hanya dibaca di kanvas lokal. Reset mengosongkan pratinjau. Bahkan asli besar dibatasi pratinjau lebar 900, biasanya cukup untuk sampel warna.
Apakah koordinat akurat di pratinjau terskala?
Klik mengubah ukuran di layar menjadi piksel kanvas. Jika lebar dikurangi ke 900, koordinat relatif terhadap kanvas terskala. Mengklik piksel transparan menghasilkan warna tersimpan tanpa mengomposisi latar. Alfa dibuang.
Terakhir ditinjau: 2026-09-04