Pemilih warna gambar online gratis
Jatuhkan foto, arahkan kaca pembesar, lalu salin HEX, RGB, atau HSL. Logo datar cukup satu piksel. Foto bisa dirata-rata pada petak kecil. Di HP, perbesar dan arahkan di atas jari. Ambil warna dari gambar tetap di tab ini.
Jatuhkan foto untuk ambil warnanya
JPG, PNG, WebP, GIF, BMP, atau AVIF. Satu file di bawah 40 MB. Tempel tangkapan layar dengan Ctrl+V atau ⌘V.
100% privat: piksel tetap di browser ini. Tidak ada yang diunggah.
Gerakkan di atas foto. Kaca pembesar adalah piksel asli. Klik untuk mengunci. Di HP, arahkan di atas jari.
Warna dalam file ini
Warna yang dikunci
Hanya Chrome dan Edge. Ini membaca layar, bukan file di atas.
100% di perangkat
Pemilih warna berjalan di browser ini. Foto tidak keluar dari tab.
Tanpa unggah
Tidak ada yang dikirim ke server untuk membaca piksel atau menyusun palet.
Gratis, tanpa akun
Tanpa daftar dan tanpa cap air pada kode. Salin HEX, RGB, atau HSL.
Juga di situs ini: Potong gambar · Crop foto · Blur gambar · Sensor foto · Gabung gambar · Kompresor gambar
Apa itu pemilih warna gambar?
Pemilih warna gambar membaca warna satu titik pada file yang sudah Anda punya, lalu menyerahkan kodenya. Orang juga mengetik ambil warna dari gambar atau kode warna dari gambar. Dalam bahasa Inggris pencarian yang sama berbunyi color picker from image. Pekerjaannya sama: gambar diam masuk, kode keluar. Ini bukan mesin pencari foto berwarna, bukan kartu palet kartun, dan bukan filter yang mengubah foto. Kalau yang dicari adalah mewarnai ulang seluruh gambar, nama halaman lokalnya Ubah warna gambar. Kotak ini tidak mengganti satu warna dengan warna lain, tidak membalik rona, dan tidak menulis ulang piksel supaya foto terlihat lain. Yang Anda bawa pulang adalah kode, ditambah palet warna dari gambar yang sedang terbuka. Palet itu paling banyak delapan keping. Ia mencampur bidang datar yang luas dengan warna yang lebih kuat, supaya logo kecil tidak tenggelam di latar putih. Cokelat yang hampir kembar dilewati. Itu tetap bukan palet bikinan AI dan bukan panduan gaya merek. Tidak ada akun, tidak ada masa uji, dan tidak ada cap air pada kode. Membaca piksel terjadi di tab yang sudah terbuka. Menutup tab menghapus foto dari halaman ini. Anda tidak memasang aplikasi dan tidak memasang ekstensi hanya untuk satu kode.
Pemilih warna di Windows, ekstensi Chrome, dan alat sampel di dalam editor membaca layar atau dokumen yang sedang terbuka di program itu. Mereka tidak membuka PNG yang masih duduk di Unduhan sebelum Anda memasukkannya ke program, dan browser yang tidak punya API layar tidak bisa mengisap monitor. Halaman ini menggambar file Anda pada bidang di dalam tab, lalu membaca bidang itu. Tempel tangkapan layar, atau jatuhkan filenya. Alamat web tidak diterima. Gambar yang di-host di situs lain biasanya tidak bisa dibaca dari tab ini, dan halaman ini tidak mengunggah file untuk mengakali batas itu. Simpan gambarnya dulu, lalu jatuhkan file yang sudah ada di perangkat. JPG, PNG, WebP, GIF, BMP, dan AVIF dibuka. HEIC dari iPhone, TIFF, dan PDF ditolak dengan sengaja: yang dibaca piksel foto, bukan halaman dokumen. GIF yang bergerak hanya memakai bingkai pertama. Bingkai berikutnya bisa warna lain, dan halaman ini tidak memutar animasinya untuk berburu kode. Kalau sisi lebih panjang melewati 2.000 px, sampel memakai salinan 2.000 px supaya tab tetap nyaman, dan halaman mengatakan hal itu saat terjadi. Kode yang Anda salin adalah kode salinan itu, bukan janji bahwa angka aslinya di atas batas itu ikut terbaca piksel per piksel.
Satu piksel adalah bacaan yang tepat pada logo datar atau isian tombol. Pada foto, satu piksel sering bacaan yang salah. Blok JPEG, bintik kamera, dan tepi yang dihaluskan membuat piksel tetangga tidak sepakat, sementara mata merata-ratakannya. Pengaturan 3×3 dan 5×5 merata-rata petak kecil itu supaya kode lebih dekat ke warna yang Anda lihat. 1 px tetap tersedia saat Anda benar-benar butuh satu titik, misalnya satu LED. Kaca pembesar menggambar piksel asli itu, kisi 11 kali 11 dari file, bukan zoom buram dari pratinjau. Sel tengah adalah piksel yang akan dikunci. Tombol panah menggeser satu piksel. Shift menggeser sepuluh. Perbesar Utuh menampilkan seluruh file. 2× dan 4× membesarkan supaya tanda kecil lebih mudah kena. Seret gambar yang sudah diperbesar untuk bergeser, lalu klik atau angkat jari untuk mengunci. Kaca pembesar tetap membaca piksel milik file, bukan piksel layar yang sudah dihaluskan sistem. Di HP, sampel duduk di atas jari karena jari menutup titik yang ingin Anda lihat. Angkat untuk mengunci. Kalau tandanya kecil, pakai 2× atau 4× dan seret foto sampai kaca pembesar jatuh di atasnya.

HEX, RGB, dan HSL adalah warna yang sama
Salin ejaan yang diminta aplikasi berikutnya. Tiga kode di bawah ini menggambarkan satu piksel yang sudah dikunci.
| Format | Example | Use |
|---|---|---|
| HEX | #1A73E8 | CSS, HTML, Figma, dan sebagian besar alat desain. Enam digit sesudah #. |
| RGB | rgb(26, 115, 232) | Warna yang sama sebagai merah, hijau, dan biru dari 0 sampai 255. |
| HSL | hsl(214, 82%, 51%) | Rona, saturasi, dan kecerahan. Lebih mudah kalau Anda butuh langkah lebih muda atau lebih tua. |
Yang bisa Anda lakukan di sini
Satu file, kaca pembesar, perbesaran, ukuran sampel, dan kode yang bisa disalin. Palet warna dari gambar menyimpan bidang luas sekaligus warna yang lebih kuat.
Kaca pembesar piksel asli
Kisi mengikuti penunjuk dan menggambar blok 11 kali 11 dari file, bukan zoom buram dari pratinjau. Sel tengah adalah piksel yang akan Anda kunci. Tombol panah menggeser satu piksel. Shift menggeser sepuluh. Ini berguna saat mouse terlalu kasar untuk satu tepi huruf, atau saat Anda ingin memastikan yang terkunci bukan piksel tetangga yang sudah tercampur latar. Kaca pembesar tidak menyembunyikan titik dengan ujung kursor. Anda melihat piksel yang benar-benar ada di file.
Utuh, 2×, atau 4×
Utuh menampilkan seluruh file. 2× dan 4× membesarkannya supaya tanda kecil lebih mudah kena. Seret file yang diperbesar untuk bergeser, lalu klik atau angkat untuk mengunci. Kaca pembesar tetap membaca piksel milik file. Perbesaran tidak mengubah kode: ia hanya membuat sasaran lebih besar di layar. Di HP, 2× atau 4× sering satu-satunya cara yang nyaman untuk logo kecil, karena jari menutup lebih banyak piksel daripada kursor mouse.
1 px, 3×3, atau 5×5
1 px adalah piksel tunggal, untuk logo dan isian datar. 3×3 dan 5×5 merata-rata petak di sekelilingnya, untuk foto yang piksel tetangganya tidak sepakat. Piksel transparan di dalam petak dilewati, jadi lubang alfa tidak menyeret kode ke hitam atau ke nol. Pada kulit, langit, kain, atau JPEG berbintik, mulai dari 5×5. Turun ke 1 px hanya saat Anda butuh satu titik persis, misalnya satu lampu LED, bukan saat Anda mencoba memaksa langit agar cocok dengan ingatan.
HEX, RGB, HSL, dan nama terdekat
Salin HEX, RGB, atau HSL dari warna yang dikunci. Tiga ejaan itu satu warna. Contoh yang dikunci pada biru ini berbentuk #1A73E8, rgb(26, 115, 232), dan hsl(214, 82%, 51%). Nama adalah nama CSS bahasa Inggris yang terdekat menurut jarak RGB, misalnya steel blue atau tomato. Nama itu tidak diterjemahkan, bukan nama merek yang tercetak di kemasan, dan tidak kembali ke HEX yang sama kalau Anda mengetiknya di CSS. Tempel kodenya, bukan namanya.
Palet dari file ini
Delapan keping, tidak lebih, mencampur bidang datar terbesar dengan warna yang lebih kuat, supaya logo kecil tidak terkubur latar putih. Klik satu keping untuk menguncinya. Cokelat yang hampir sama dilewati. Palet warna dari gambar ini tetap bukan panduan merek, dan bukan palet yang disusun AI. Ia hanya ringkasan kasar dari file yang Anda buka. Kalau warna solid tidak cukup, halaman mengatakan palet tidak bisa disusun, bukan mengarang keping.
Cara ambil warna dari gambar
Tambah file, arahkan, kunci, salin. Pratinjau adalah filenya. Tidak ada langkah konversi kedua.
Tambah foto
Jatuhkan JPG, PNG, WebP, GIF, BMP, atau AVIF, atau tempel tangkapan layar. Piksel didekode di tab ini. Satu foto cukup. HEIC, TIFF, PDF, dan alamat web tidak dibuka. Kalau iPhone menyimpan HEIC, ekspor JPG atau PNG dulu, lalu tambahkan file itu.

Arahkan dan kunci
Pakai 1 px pada isian datar, atau 3×3 / 5×5 pada foto. Klik untuk mengunci. Di HP, perbesar kalau tandanya kecil. Sampel duduk di atas jari. Angkat untuk mengunci. Utuh, 2×, dan 4× hanya mengubah besar tampilan, bukan sumber piksel.

Salin kodenya
Salin HEX, RGB, atau HSL. Unduh PNG keping datar warna itu kalau Anda butuh file, bukan hanya kode. Kode tidak diberi cap air. Tidak ada akun yang harus dibuat sebelum tombol salin bekerja.

Mengapa warna yang Anda lihat dan piksel tidak cocok
Selisihnya ada di file, bukan di klik. Ini kasus yang halaman ini memang ingin Anda lihat.
Tepi huruf bukan isiannya
Penghalusan tepi mencampur isian dengan latar di sepanjang setiap pinggir. Klik pada pinggiran itu mengembalikan warna ketiga. Arahkan ke tengah bidang datar, dan pakai 1 px. Pada logo untuk stylesheet, pinggiran yang lembut hampir selalu kode lain. Jangan memburu rata-rata di situ: rata-rata justru menarik warna latar ke dalam isian.
JPEG disimpan dalam blok
JPEG tidak menyimpan langit mulus sebagai satu kode. Piksel tetangga meloncat. Bacaan 1 px akan berganti saat Anda geser. Rata-rata 5×5 lebih dekat ke warna yang dilaporkan mata. Dua klik pada langit yang sama yang menghasilkan dua HEX adalah file itu, bukan kegagalan klik. Naikkan ukuran sampel, jangan berburu piksel yang cocok dengan ingatan.
Tangkapan layar sudah terkompresi
Kalau gambar disimpan aplikasi obrolan atau alat tangkapan layar, warna merek yang asli mungkin sudah hilang. Halaman ini melaporkan file yang Anda tambahkan. Ia tidak bisa memulihkan kode yang sudah tidak ada di piksel. Kompresi, dan monitor tempat tangkapan dibuat, bisa menggeser angka sebelum file sampai ke tab ini.
Jari menutup piksel
Di HP sampel duduk di atas jari, dan kaca pembesar menunjukkan piksel itu. Angkat untuk mengunci. Kalau tandanya kecil, pakai 2× atau 4× dan seret gambar sampai kaca pembesar berada di atasnya. Tombol panah menggeser satu piksel saat mouse terlalu kasar. Jangan mengunci titik yang tertutup kuku lalu heran kodenya gelap.
Profil warna bukan angka piksel
Photoshop bisa menampilkan HEX lain untuk titik yang sama saat file membawa Display P3 atau profil cetak. Halaman ini membaca piksel sRGB yang didekode browser, yaitu angka yang ditempel di CSS dan Figma. Ia tidak bisa mengubah angka itu menjadi bukti cetak, dan tidak bisa membatalkan tangkapan layar yang sudah memotret monitor. Dua bacaan itu bukan bukti CMYK.
Sebelum Anda memercayai kode
- Pada logo, klik tengah bentuk datar. Pinggirannya campuran.
- Pada foto, mulai di 5×5. Turun ke 1 px hanya saat Anda butuh satu piksel persis, misalnya satu LED.
- Kalau dua klik pada langit yang sama memberi dua kode HEX, itu filenya. Ratakan dengan 5×5, jangan berburu piksel yang cocok dengan ingatan.
- Nama terdekat bisa menyebut steel blue untuk biru merek. Tempel HEX ke alat desain. Jangan tempel nama itu ke CSS dan mengharap warna yang sama. Nama tetap bahasa Inggris CSS, misalnya steel blue atau tomato.
- GIF bergerak memakai bingkai pertama. Bingkai berikutnya bisa warna lain.
- HEIC dari iPhone tidak terbuka di sini. Ekspor JPG atau PNG dulu. TIFF dan PDF juga ditolak.
- Halaman ini tidak mengarang nilai CMYK cetak. Piksel layar yang diubah menjadi tinta bukan bukti cetak.
- Kalau Photoshop menampilkan HEX lain, file mungkin membawa profil warna. Halaman ini melaporkan piksel sRGB yang didekode browser.
Tiga pekerjaan yang halaman ini benar-benar selesaikan
Setiap kartu adalah file yang sudah Anda punya, pengaturan sampel, dan batas bacaan itu.
Logo untuk stylesheet
Anda punya PNG sebuah tanda dan butuh isiannya di CSS.
File: PNG, atau SVG yang diekspor ke PNG, dengan bentuk merek yang datar.
Pengaturan: 1 px, diarahkan ke tengah isian.
Yang Anda salin: HEX, ditempel ke CSS atau Figma.
Batas: Pinggiran yang dihaluskan adalah kode lain. Jangan klik tepinya.
Tangkapan layar sebuah situs
Anda melihat warna tombol dan tidak bisa membuka stylesheet.
File: Tangkapan layar yang ditempel dari papan klip.
Pengaturan: 1 px pada bagian datar tombol, bukan pada garis tepi.
Yang Anda salin: HEX atau RGB.
Batas: Kompresi tangkapan, dan monitor tempat tangkapan dibuat, mungkin sudah menggeser kode.
Foto produk
Anda ingin warna yang bisa dipakai untuk tint latar, bukan satu piksel yang berbintik.
File: JPG produk.
Pengaturan: 5×5 pada bahan, jauh dari kilap dan bayangan.
Yang Anda salin: HSL, lalu langkah lebih muda dibuat di alat desain.
Batas: Petak itu rata-rata titik tersebut. Bukan keping merek yang diukur.
Halaman ini dan pengambil warna desktop
Halaman ini
Membaca file di browser
Jatuhkan atau tempel gambar diam. Kaca pembesar, ukuran sampel, HEX, dan palet semuanya berasal dari file itu. Tanpa ekstensi, tanpa aplikasi Windows, tanpa akun. Chrome dan Edge juga bisa mengambil warna dari layar dengan pengambil warna milik browser. Kontrol tambahan itu ditandai sebagai ambil dari layar. Ia tidak membaca file. Mengambil warna dari layar dan membaca file adalah dua pekerjaan. Yang satu melihat monitor. Yang satu melihat piksel yang sudah didekode dari file Anda.
Pekerjaan lain
Pengambil layar, editor, dan filter
Alat warna desktop atau ekstensi mengawasi monitor. Photoshop juga bisa mengambil sampel, di dalam editor yang utuh. Keduanya tidak wajib hanya untuk membaca satu kode dari file yang sudah Anda simpan. Di situs ini, Crop foto, Blur gambar, dan Sensor foto mengubah piksel. Mereka tidak menyerahkan kode HEX. Potong gambar memotong foto menjadi ubin. Gabung gambar dan Kompresor gambar juga pekerjaan gambar baru atau file lebih kecil, bukan kode. Ubah warna gambar adalah halaman lain: di sana warna foto diubah. Di sini Anda hanya mengambil kode titik yang ditunjuk. Pakai halaman-halaman itu saat pekerjaannya gambar baru, bukan kode.
Pertanyaan cara ambil warna dari gambar
Bagaimana cara ambil warna dari gambar? +
Jatuhkan foto di halaman ini atau tempel tangkapan layar. Gerakkan penunjuk sampai kaca pembesar duduk pada warna yang Anda mau, klik untuk mengunci, lalu salin HEX, RGB, atau HSL. Cara ambil warna dari gambar di tab ini tidak memakai unggahan dan tidak memakai akun. Logo datar: 1 px di tengah isian. Foto: 3×3 atau 5×5. Di HP, sampel berada di atas jari, lalu angkat untuk mengunci. Pratinjau adalah file yang Anda tambahkan, bukan hasil konversi kedua.
Bagaimana cara ambil kode warna dari gambar? +
Kunci satu piksel, lalu tekan Salin HEX. Kodenya berbentuk seperti #1A73E8. Salin RGB dan Salin HSL adalah warna yang sama dalam dua ejaan lain, misalnya rgb(26, 115, 232) dan hsl(214, 82%, 51%). Cara ambil kode warna dari gambar pada foto yang berbintik: naikkan dulu ke 5×5, atau hex akan meloncat ke piksel tetangga. Kode warna dari gambar yang Anda salin adalah piksel sRGB yang didekode browser, bukan nama warna dan bukan nilai tinta.
Bagaimana cara mengetahui palet warna dari gambar? +
Saat file terbuka, halaman menyusun paling banyak delapan keping: bidang datar yang luas dan warna yang lebih kuat, supaya logo kecil tidak hilang di bawah putih. Klik satu keping untuk menguncinya dan menyalin kodenya. Cara mengetahui palet warna dari gambar di sini bukan meminta AI, dan bukan membuka panduan merek. Palet warna dari gambar hanya ringkasan file itu. Kalau warna solid tidak cukup, tidak ada palet yang diarang.
Apa itu color picker? +
Color picker pada pencarian ini, termasuk color picker from image, menunjuk pekerjaan yang sama dengan pemilih warna gambar: satu titik dibaca, satu kode disalin. Di halaman ini itu bukan definisi kamus untuk alat laboratorium dan bukan menu di dalam Paint. Kotak di atas membaca file atau tangkapan yang Anda tempel. Ia tidak mengubah foto menjadi gambar lain.
Apakah pemilih warna gambar ini gratis? +
Ya. Tidak ada akun, tidak ada masa uji, dan tidak ada cap air pada kode. Bacaan terjadi di tab yang sudah Anda buka. Pemilih warna gambar online gratis di URL ini: Anda tidak membayar untuk membuka HEX, RGB, atau HSL, dan Anda tidak mendaftar sebelum tombol salin bekerja. Menutup tab menghapus foto dari halaman.
Apakah fotonya diunggah? +
Tidak. Browser mendekode file dan membaca piksel di perangkat ini. Tidak ada yang dikirim ke server untuk membaca satu titik atau menyusun palet. Menutup tab menghapusnya. Bacaan tidak diikat ke akun. Tanpa unggah juga berarti alamat web tidak diunduh oleh kami: simpan gambarnya sendiri, lalu jatuhkan file itu.
Bisakah saya menempel tangkapan layar? +
Ya. Salin tangkapan layar, klik halaman ini, lalu tempel. Di komputer, Ctrl+V atau ⌘V. Di HP, kalau tempel tidak ditawarkan, pakai pemilih file. Tangkapan yang sudah terkompresi aplikasi obrolan tetap dibaca apa adanya. Halaman ini tidak memulihkan warna merek yang sudah hilang dari piksel.
Mengapa dua klik pada area yang sama memberi dua kode? +
Foto dan JPEG tidak menyimpan satu kode datar untuk langit atau kaus. Piksel tetangga berbeda. Dua klik pada bidang yang bagi mata terlihat sama bisa menghasilkan dua HEX. Pakai 3×3 atau 5×5 untuk merata-rata petak kecil. Pada logo, tetap di 1 px dan klik tengah isian datar, bukan pinggirannya. Selisih itu ada di file, bukan karena klik kedua merusak yang pertama.
Apakah ini jalan di HP? +
Ya. Sampel duduk di atas jari, dan warna terkunci saat Anda angkat. Pakai 2× atau 4× kalau tandanya kecil, lalu seret foto untuk bergeser. Foto yang sangat besar disampel dari salinan 2.000 px supaya tab tetap nyaman, dan halaman mengatakannya saat itu terjadi. Kode mengikuti salinan itu. Tidak perlu aplikasi terpisah.
Mengapa Photoshop menampilkan HEX yang berbeda? +
File bisa membawa profil warna. Photoshop boleh menampilkan angka di dalam profil itu, misalnya Display P3 atau profil cetak. Halaman ini membaca piksel sRGB setelah browser mendekode file, yaitu nilai yang ditempel ke CSS atau Figma. Tangkapan layar selangkah lebih jauh: itu sudah piksel monitor. Kedua bacaan bukan bukti cetak CMYK. Kalau dua angka berbeda, percayai yang cocok dengan tempat Anda menempelkannya, dan jangan berharap halaman ini membatalkan profil.
Apakah saya mendapat nama warnanya? +
Halaman menampilkan nama CSS bahasa Inggris yang terdekat, misalnya steel blue atau tomato. Nama itu tidak diganti ke bahasa Indonesia dan bukan nama merek di kemasan. Mengetik steel blue atau tomato di CSS tidak kembali ke HEX yang sama. Tempel kodenya. Jarak RGB yang dekat tetap bisa salah untuk biru merek yang punya nama dagang sendiri.
Apakah perlu ekstensi atau aplikasi Windows? +
Tidak. Ekstensi Chrome dan pemilih di desktop membaca layar. Halaman ini membaca file atau tangkapan yang ditempel di browser. Di Chrome dan Edge Anda juga bisa memakai Ambil dari layar, yaitu pengambil warna milik browser, dan itu hanya melihat monitor. Kontrol itu tidak membaca file di atas.
Apakah saya mendapat CMYK untuk cetak? +
Tidak. Mengubah piksel layar menjadi CMYK bukan bukti cetak. Salin HEX atau RGB, lalu lakukan konversi di aplikasi yang mengenal kertas dan profil. Halaman ini tidak mengarang empat angka tinta, dan tidak menggantikan pemilih CMYK di dalam editor cetak.
Bisakah saya ubah warna gambar di sini? +
Tidak. Pemilih ini tidak mewarnai ulang foto, tidak membalik warna, dan tidak mengganti satu warna dengan warna lain. Untuk itu ada Ubah warna gambar, di situs yang sama, sebagai halaman lain. Di sini Anda hanya mengambil kode titik yang ditunjuk. Crop foto, Blur gambar, Sensor foto, Potong gambar, Gabung gambar, dan Kompresor gambar juga tidak menyerahkan HEX.
Bisakah saya menempel alamat web? +
Tidak. Gambar yang di-host di situs lain biasanya tidak bisa dibaca dari tab ini, dan halaman ini tidak mengunggah file Anda ke server untuk pergi mengambilnya. Simpan gambarnya, lalu jatuhkan file itu. JPG, PNG, WebP, GIF, BMP, atau AVIF. Bukan HEIC, bukan TIFF, dan bukan PDF.
Bagaimana cara ambil warna dari gambar di Canva? +
Halaman ini tidak membuka Canva, Word, atau ibis Paint X. Di ketiga aplikasi itu nama alat pengambil warnanya pipet warna. Pencarian cara ambil warna dari gambar di word dan cara ambil warna dari gambar di ibis paint x menunjuk menu di dalam aplikasi itu, bukan kotak ini. Kalau Anda sudah mengekspor JPG atau PNG, jatuhkan file itu di sini untuk mendapat kodenya. Kami tidak menuliskan urutan klik menu mereka, dan kami tidak berpura-pura menjadi tutorial aplikasi itu.
Ambil warna dari gambar Anda
Jatuhkan foto atau tempel tangkapan layar. Kunci satu piksel. Salin kodenya. File tetap di perangkat ini.
Ambil warna