Image Color Picker
Image Color Picker — berjalan dalam pelayar. Input tidak disimpan.
Pemilih warna imej
Muat naik imej, kemudian klik piksel untuk melihat HEX dan RGB.
Masukkan nilai, kemudian tekan Kira.
Cara guna
- Di Gambar, pilih fail untuk disampel. Pratonton 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 keratan.
- Reset mengosongkan fail dan hasil. Gambar tidak dihantar ke pelayan.
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. Pratonton boleh 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 fail gagal, pemberitahuan menyatakan gambar tidak boleh dibaca. Sebelum klik, HEX kosong dan salin tidak melakukan apa pun. Swatch terisi HEX yang dipilih.
Jika hanya butuh palet, guna pemilih warna; jika hanya mengonversi angka RGB↔HEX, guna konverter; untuk menghapus latar solid, guna transparansi latar PNG. Alat ini untuk menyampel warna merek dari foto dan tangkapan layar. Fail hanya terbuka di pelayar. Untuk CSS, Salin HEX paling cepat. Untuk kanvas atau shader yang butuh RGB, salin medan tengah. Koordinat relatif terhadap kanvas terskala dan boleh berbeda dari piksel asal Photoshop.
Contoh
Muat naik PNG logo dan klik area biru: HEX mungkin #1a5cff, dengan RGB dan koordinat. Salin HEX ke variabel CSS. anda juga boleh menggunakan gambar yang sama di alat transparansi untuk klik latar. Tepi JPEG terkompresi kabur, jadi klik titik terdekat beberapa kali untuk membandingkan. Menyampel warna butang dari tangkapan UI untuk mencocokkan token desain adalah penggunaan khas. Bahkan keluarga biru yang sama boleh berbeda 1–2 HEX pada piksel JPEG berdampingan.
Berkaitan: Pemilih warna · Konverter RGB HEX · Ketelusan latar PNG
Soalan lazim
Apakah pengambilan warna gambar menggunakan klik piksel?
Ya. Setelah memuat naik fail, klik satu titik di pratonton. 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 medan—HEX, RGB, posisi (x, y)—plus swatch. Alfa (transparansi) tidak dipaparkan. Medan posisi untuk debug, misalnya kira-kira menemukan ikon di sprite sheet.
Ada butang Salin HEX?
Ya. Setelah HEX terisi, Salin HEX menaruhnya di papan keratan. Sebelum klik, tiada yang disalin. Salin hanya menarget HEX. Seret string RGB dari medannya.
Apa bedanya dengan pemilih warna?
Pemilih memilih warna sembarang dan boleh memaparkan HSL. Layar ini membaca piksel gambar nyata dan koordinatnya. Jika butuh HSL, tampal HEX tersalin ke medan HEX pemilih warna.
Apakah gambar dimuat naik ke pelayan?
Tidak. Hanya dibaca di kanvas lokal. Reset mengosongkan pratonton. Bahkan asal besar dibatasi pratonton lebar 900, biasanya cukup untuk sampel warna.
Apakah koordinat akurat di pratonton 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.
Disemak terakhir: 2026-09-04