Cara menggunakan

1. Klik "Pilih gambar", seret sebuah gambar, atau tempel tangkapan layar dengan Ctrl+V / Cmd+V.
2. Geser kursor atau jari Anda di atas gambar untuk melihat nilai HEX, RGB, HSL, dan kaca pembesarnya secara langsung.
3. Klik titik yang ingin Anda simpan; warnanya akan masuk ke riwayat.
4. Klik "Ambil palet" untuk membuat palet yang siap dipakai, lalu salin nilai warna yang Anda butuhkan.

Contoh: tempel tangkapan layar sebuah produk, ambil warna tombol utamanya, lalu salin nilai HEX-nya ke CSS atau file desain Anda.

Fitur utama

- **Ambil warna secara lokal**: gambar dirender dan dibaca lewat Canvas browser, tidak pernah diunggah ke server.
- **HEX/RGB/HSL per piksel**: geser kursor atau jari Anda di atas gambar untuk membaca nilai HEX, RGB, dan HSL secara langsung.
- **Kursor bidik dengan kaca pembesar**: pratinjau yang diperbesar memudahkan Anda membidik tepi ikon, detail tangkapan layar antarmuka, dan blok warna kecil.
- **Generator palet**: pengambilan sampel piksel di sisi browser menghasilkan hingga 5 warna dominan sebagai acuan desain.
- **Simpan dan salin dengan cepat**: klik gambar untuk menyimpan warna ke riwayat, lalu klik kotak warna mana pun untuk menyalin kodenya.

Alat terkait

Konverter warna HEX/RGB/CMYK — cek kontras WCAG online gratis

Konversi HEX, RGB, HSL, dan CMYK lengkap dengan pemeriksa kontras WCAG. Diproses lokal di browser, tanpa unggah. Dapatkan nilai CMYK siap cetak dan salin hasilnya sekarang.

Generator Lorem Ipsum (JSON/HTML) — teks dummy untuk developer

Buat Lorem Ipsum dalam bentuk teks, HTML <p>, atau array JSON. Diproses lokal, tanpa unggah. Termasuk teks dummy Mandarin dan pengaturan panjang teks. Gratis.

Kalkulator rasio aspek & generator CSS — preset 9:16 TikTok/Reels

Hitung rasio aspek dan ukuran yang hilang dengan cepat. Berjalan lokal di browser, tanpa unggah. Sudah termasuk preset 9:16 untuk TikTok/Reels dan cuplikan CSS aspect-ratio. Gratis.

Logika perhitungan

Alat ini membaca gambar secara lokal dengan HTML5 Canvas, lalu mengambil piksel RGBA pada koordinat kursor melalui `getImageData`. Nilai HEX, RGB, dan HSL diformat dari piksel tersebut.

Pembuatan palet mengambil sampel piksel dari Canvas, mengelompokkan warna yang berdekatan ke dalam kelompok sederhana, lalu mengurutkannya berdasarkan frekuensi untuk menghasilkan hingga 5 warna dominan. Ini berguna untuk palet web dan desain sehari-hari, tetapi bukan manajemen warna absolut ICC / P3 tingkat profesional.

Pertanyaan umum

### Apakah gambar saya diunggah?
Tidak. Pemuatan gambar, pengambilan warna, pratinjau kaca pembesar, dan pembuatan palet semuanya berjalan lokal di browser Anda.

### Bagaimana cara mendapatkan kode HEX dari sebuah gambar?
Pilih atau tempel gambar, lalu geser kursor atau jari Anda ke piksel yang dituju. Warnanya langsung muncul. Klik gambar untuk menyimpannya ke riwayat, lalu klik kotak warnanya untuk menyalin nilai HEX.

### Format warna apa saja yang didukung?
Alat ini menampilkan dan menyalin HEX, RGB, dan HSL — format yang paling umum dipakai dalam desain web dan pengembangan frontend.

### Kenapa warnanya bisa sedikit berbeda dengan Photoshop?
Canvas membaca piksel sebagaimana dirender oleh browser Anda. Perbedaan perilaku browser, gamut layar, dan profil warna yang tertanam pada gambar bisa menimbulkan selisih kecil.

### Bisakah mengambil warna lewat HP?
Bisa. Di perangkat sentuh, geser jari Anda pada gambar untuk memindahkan kursor bidik, lalu ketuk atau lepaskan untuk mengunci warnanya.