Belum ada warna yang dipilih
Pratinjau Gambar
Letakkan gambar di sini
atau klik untuk menelusuri
JPG | PNG | WebP | GIF
#000000
Gerakkan mouse untuk pratinjau warna · Klik untuk memilih dan menyimpan ke riwayat
Warna Saat Ini
HEX
—
RGB
—
HSL
—
Riwayat Warna (hingga 12)
Apa itu fitur ekstrak warna gambar?
Fitur ekstrak warna gambar memungkinkan Anda mengarahkan kursor ke bagian mana pun dari gambar dan langsung melihat warna tepat pada piksel tersebut. Klik untuk mengunci warna dan menyalinnya sebagai HEX, RGB, atau HSL. Panel riwayat warna menyimpan hingga 12 warna yang dipilih untuk referensi mudah —berguna bagi desainer, pengembang, dan siapa pun yang perlu mencocokkan warna dari foto atau tangkapan layar.
Cara Menggunakan fitur ekstrak warna gambar
- Unggah gambar dengan mengklik area drop atau menyeret file ke sana.
- Gerakkan mouse di atas gambar untuk melihat pratinjau warna langsung di badge mengambang dan panel samping.
- Klik di mana saja pada gambar untuk memilih warna tersebut dan menyimpannya ke riwayat.
- Gunakan tombol Salin untuk menyalin nilai HEX, RGB, atau HSL ke papan klip.
- Klik salah satu contoh warna di panel riwayat untuk mengembalikan warna itu ke tampilan utama.
Pahami Ekstraksi Warna ▾
Contoh
Input
Unggah tangkapan layar merek dan arahkan kursor ke warna logo
Output
#1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —siap disalin
Kasus Penggunaan Umum
- Identifikasi warna merek yang tepat dari logo atau tangkapan layar
- Cocokkan warna latar belakang dari foto untuk desain UI
- Ekstrak nilai warna CSS dari mockup desain
- Buat palet mini dengan mengklik beberapa warna dan menggunakan panel riwayat
Mengapa Menggunakan Alat Ini
- Ekstraksi warna akurat per piksel menggunakan Canvas getImageData —tanpa pembulatan.
- Tiga format keluaran (HEX, RGB, HSL) dengan salin satu klik untuk masing-masing.
- Berjalan sepenuhnya di browser Anda —gambar tidak pernah meninggalkan perangkat Anda.
Pertanyaan yang Sering Diajukan
Apakah gambar saya diunggah ke server?
Tidak. Semua pemrosesan terjadi sepenuhnya di browser Anda menggunakan HTML5 Canvas API. Gambar Anda tidak pernah meninggalkan perangkat Anda.
Seberapa akurat nilai warna yang diekstrak?
Nilainya akurat hingga level piksel —alat ini membaca nilai RGBA persis dari piksel di bawah kursor Anda menggunakan API getImageData Canvas, lalu mengonversinya ke HEX, RGB, dan HSL secara matematis.
Apa bedanya dengan ekstraktor palet?
Ekstraktor palet otomatis mengambil sampel warna dominan dari gambar. Alat ini memungkinkan Anda mengklik manual piksel tertentu untuk mendapatkan warna persisnya, sehingga Anda punya kontrol presisi atas warna yang diekstrak.
Format apa yang digunakan tombol salin?
Setiap format disalin sebagai string siap pakai: HEX disalin sebagai #RRGGBB, RGB sebagai rgb(R, G, B), dan HSL sebagai hsl(H, S%, L%).