piksel → HEX · RGB · HSL
Pemilih warna gambar
Klik sebuah piksel pada gambar untuk membaca warnanya: piksel #0060fd terbaca sebagai rgb(0, 96, 253) dan hsl(217, 100%, 50%). Tambahkan gambar untuk memilih warna dari gambar Anda sendiri.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Pilih dengan klik, ketukan, atau tombol panah. Gambar Anda digambar hanya di tab ini dan tidak pernah diunggah.
Scanned by 
NortonTM Safe Web
Sekilas
- Harga
- Tanpa biaya
- Akun
- Tidak perlu
- Unggah
- Tidak ada — gambar digambar di tab browser Anda dan tidak ada yang dikirim ke mana pun
- Format
- PNG, JPEG, WebP, GIF, AVIF, BMP, dan SVG, sejauh browser Anda dapat mendekodenya
- Ukuran gambar
- Digambar hingga 1600 piksel pada sisi terpanjang; berkas hingga 200 MB dan 120 juta piksel
- Palet
- Enam warna dominan dengan median cut pada sekitar 20,000 piksel sampel
Warna terpilih dan cara kerja palet
Baris-baris ini dihasilkan oleh kode yang sama dengan alatnya. Tabel palet memakai gambar 4 × 4 piksel dengan dua belas piksel biru dan empat piksel putih.
| Warna piksel | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Warna palet | Porsi piksel |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Cara memilih warna dari gambar
Tambahkan gambar
Letakkan berkas PNG, JPEG, WebP, GIF, AVIF, BMP, atau SVG pada kotak, pilih satu dengan Telusuri, atau tempel gambar dari papan klip. Gambar contoh ditampilkan sampai Anda menambahkan gambar sendiri.
Klik, ketuk, atau pakai tombol panah
Klik atau ketuk sebuah titik, atau seret melintasi gambar. Saat gambar difokuskan, tombol panah menggerakkan garis silang satu piksel sekali jalan dan Shift dengan panah menggerakkannya sepuluh piksel. Ubin menampilkan warna sebagai HEX, RGB, dan HSL.
Salin warna atau entri palet
Tekan Salin pada sebuah ubin, atau tekan swatch palet untuk menyalin kode HEX-nya. Palet mencantumkan enam warna dominan dari seluruh gambar beserta porsi gambar yang ditutupi masing-masing.
Bagaimana warna dibaca
Browser mendekode berkas Anda dan halaman menggambarnya ke elemen canvas di tab ini. Gambar yang lebih besar dari 1600 piksel pada sisi terpanjangnya diperkecil agar muat, sehingga warna yang Anda baca dari gambar yang sangat besar berasal dari salinan yang diperkecil, tempat piksel bertetangga telah dirata-ratakan. Halaman lalu meminta canvas untuk nilai merah, hijau, biru, dan alfa dari satu piksel di bawah garis silang dan mencetaknya sebagai HEX, RGB, dan HSL. Piksel dengan transparansi dicetak bersama nilai alfanya. Canvas menyimpan warna dikalikan alfanya, sehingga kanal piksel yang sebagian transparan bisa terbaca meleset satu satuan: 200 terbaca sebagai 199 pada opasitas 50%.
Palet memakai median cut. Halaman melihat setiap piksel ke-n, paling banyak sekitar 20,000 piksel, dan melewatkan piksel yang lebih dari setengah transparan. Warna-warna ini dimasukkan ke satu kotak, lalu kotak dengan sebaran terlebar pada satu kanal dipotong berulang kali pada median kanal itu, sampai ada enam kotak atau tidak ada kotak yang berisi dua warna berbeda. Setiap kotak ditampilkan sebagai rata-rata pikselnya, dengan porsi piksel sampel yang dimuatnya, dari yang terbesar. Hasilnya selalu sama untuk gambar yang sama. Gambar dengan kurang dari enam warna berbeda menghasilkan palet yang lebih pendek, dan gambar animasi dibaca sebagai satu gambar diam.
Pertanyaan tentang pemilih warna gambar
Bagaimana cara mendapat kode HEX warna pada gambar?
Tambahkan gambar, lalu klik titik yang Anda inginkan. Ubin HEX menampilkan kode piksel itu, misalnya #0060fd, dan Salin menaruhnya di papan klip. Untuk mendapat warna utama tanpa memilih titik, tekan swatch pada palet.
Format gambar apa yang bisa dipakai?
PNG, JPEG, WebP, GIF, AVIF, BMP, dan SVG, selama browser Anda dapat mendekodenya. AVIF bergantung pada versi browser. Berkas lain, seperti PDF atau TIFF, ditolak dengan pesan. Berkas di atas 200 MB atau di atas 120 juta piksel juga ditolak.
Bagaimana palet enam warna dipilih?
Dengan median cut pada sampel sekitar 20,000 piksel: warna dibagi ke dalam kotak pada median kanal terlebarnya sampai ada enam, dan setiap kotak menjadi rata-rata pikselnya. Persentase di bawah setiap swatch adalah porsi piksel sampel dalam kotak itu. Piksel yang sebagian besar transparan dilewati.
Mengapa dua piksel yang berdekatan memberi warna yang sedikit berbeda?
Foto dan gambar terkompresi seperti JPEG sedikit bervariasi dari piksel ke piksel, jadi dua titik yang tampak sama bisa berbeda beberapa satuan per kanal. Klik beberapa titik, atau pakai palet, yang merata-ratakan banyak piksel, bila Anda menginginkan warna yang mewakili.
Apakah gambar saya diunggah ke suatu tempat?
Tidak. Berkas didekode dan digambar oleh browser Anda di tab ini, warna dibaca dari gambar itu, dan tidak ada yang dikirim ke server. Menutup atau memuat ulang halaman membuang gambarnya.
Apa fungsi tombol pemilih layar?
Di browser yang menyediakan fitur EyeDropper, tombol ini memungkinkan Anda mengeklik titik mana pun di layar, termasuk jendela lain, dan menampilkan warnanya. Browser tanpa fitur itu tidak menampilkan tombolnya; pemilih gambar bekerja di mana pun.