Mengangkat shade spesifik dari sebuah foto untuk dipakai di design. Mencocokkan warna aksen UI dengan brand asset yang hex-nya tidak kamu miliki. Menarik warna brand individual dari image logo, satu klik per satu. Membangun palet moodboard dari frame film atau karya seni. Memverifikasi dua region pada image apakah benar-benar warna yang sama (vs terlihat mirip tapi berbeda pada piksel di bawahnya).

Anti-aliasing pada teks. Huruf punya tepi lembut yang tidak merepresentasikan warna "tinta" di bawahnya. Klik di tengah goresan tebal, bukan di tepi. Artefak kompresi JPEG. Foto yang sangat dikompres mengalami drift warna di region yang tampak datar. Kalau butuh warna bersih, lebih baik pakai sumber PNG. Gambar diskalakan untuk tampilan. Gambar yang sangat besar diperkecil ke lebar ~700px untuk performance. Piksel yang kamu klik berasal dari canvas yang ditampilkan, bukan aslinya. Untuk ekstraksi pixel-perfect dari elemen yang sangat kecil, crop sebelum upload. HSL diturunkan, bukan disimpan. Browser menyimpan RGB; HSL adalah cara berbeda untuk mendeskripsikan warna yang sama. Round-trip bisa memperkenalkan drift kecil karena pembulatan.

Pemilih warna dari gambar

Unggah gambar dan klik di mana pun untuk mendapatkan hex, RGB, dan HSL dari piksel itu. Bangun palet kustom dengan mengklik beberapa titik. Browser murni, tanpa upload.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

Untuk apa ini?

Tool ini mengubah gambar apa pun yang di-upload menjadi sumber warna yang bisa diklik. Hover di mana saja untuk membaca piksel tepat di bawah kursor sebagai hex, RGB, dan HSL — dengan loupe pembesar yang melakukan zoom 8× sehingga kamu bisa memilih piksel dengan presisi tanpa menyipitkan mata. Klik untuk mengunci warna ke palet kustom: bangun palet dengan mengklik beberapa titik. Klik swatch di palet untuk menghapusnya. Gambar tidak pernah meninggalkan browser-mu.

Kapan digunakan

Mengangkat shade spesifik dari sebuah foto untuk dipakai di design.
Mencocokkan warna aksen UI dengan brand asset yang hex-nya tidak kamu miliki.
Menarik warna brand individual dari image logo, satu klik per satu.
Membangun palet moodboard dari frame film atau karya seni.
Memverifikasi dua region pada image apakah benar-benar warna yang sama (vs terlihat mirip tapi berbeda pada piksel di bawahnya).

Cara kerja presisi

Sampling satu-piksel itu tepat tapi noisy — tepi anti-aliased, artefak JPEG, dan subpixel rendering layar membuat piksel tetangga sedikit berbeda. Loupe 8× memungkinkan kamu melihat dan mengklik piksel spesifik yang kamu maksud, daripada mengandalkan rata-rata. Untuk ekstraksi warna brand ini penting; untuk pekerjaan moodboard bisa diabaikan.

Kesalahan umum

Anti-aliasing pada teks. Huruf punya tepi lembut yang tidak merepresentasikan warna "tinta" di bawahnya. Klik di tengah goresan tebal, bukan di tepi.
Artefak kompresi JPEG. Foto yang sangat dikompres mengalami drift warna di region yang tampak datar. Kalau butuh warna bersih, lebih baik pakai sumber PNG.
Gambar diskalakan untuk tampilan. Gambar yang sangat besar diperkecil ke lebar ~700px untuk performance. Piksel yang kamu klik berasal dari canvas yang ditampilkan, bukan aslinya. Untuk ekstraksi pixel-perfect dari elemen yang sangat kecil, crop sebelum upload.
HSL diturunkan, bukan disimpan. Browser menyimpan RGB; HSL adalah cara berbeda untuk mendeskripsikan warna yang sama. Round-trip bisa memperkenalkan drift kecil karena pembulatan.