Lompat ke konten
SPCXTools

Color Picker Gambar

Klik di mana saja pada gambar untuk mendapatkan warna HEX, RGB, dan HSL yang akurat — beserta palet warna utamanya.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Color Picker Gambar

  1. 1Pilih gambar, tarik dan lepas ke halaman, atau tempel screenshot dengan Ctrl+V (⌘+V di Mac).
  2. 2Arahkan kursor ke atas gambar. Kaca pembesar akan menampilkan piksel yang tepat di bawah kursor.
  3. 3Klik untuk mengambil warna. Kode HEX, RGB, dan HSL akan muncul di sebelah kanan — klik Salin untuk menggunakannya.
  4. 4Gunakan palet Warna utama untuk mengambil warna dominan gambar, dan Warna yang dipilih untuk kembali ke pilihan sebelumnya.

Ambil warna persis dari gambar apa pun

Anda menemukan warna yang disukai di foto, screenshot web, logo, atau draf desain, dan sekarang Anda butuh kodenya. Pengambil warna gambar (color picker) ini bekerja seperti pipet untuk gambar apa pun: buka gambar, klik pikselnya, dan dapatkan kode warna HEX, RGB, serta HSL yang siap ditempel ke CSS, Figma, Photoshop, Canva, atau PowerPoint. Kaca pembesar menampilkan piksel di bawah kursor agar Anda bisa memilih titik yang tepat, dan palet warna utama dari gambar tersebut akan dibuat secara otomatis.

Fitur

  • Pipet untuk format gambar apa pun yang bisa dibuka di browser Anda — JPG, PNG, WebP, GIF, SVG, AVIF, dan HEIC.
  • Kaca pembesar yang memperbesar area di bawah kursor piksel demi piksel.
  • Kode HEX, RGB, dan HSL dengan tombol salin sekali klik.
  • Palet warna utama yang diekstrak dari keseluruhan gambar.
  • Riwayat warna hingga 16 warna agar Anda bisa membandingkan dan melihat warna sebelumnya.
  • Tempel screenshot langsung dari clipboard.
  • Privat: gambar tidak pernah meninggalkan perangkat Anda.

Format warna apa yang harus saya gunakan?

Format Contoh Digunakan di
HEX #1E90FF CSS, HTML, Figma, Canva, sebagian besar aplikasi desain
RGB rgb(30, 144, 255) CSS, Photoshop, aplikasi Office, pemrograman
HSL hsl(210, 100%, 56%) CSS saat Anda ingin menyesuaikan kecerahan atau saturasi

Untuk mengubah warna yang dipilih ke format lain seperti CMYK atau HSV, atau untuk mengecek kontrasnya dengan teks putih dan hitam, buka warna tersebut di Konverter Warna.

Ide penggunaan

Cocokkan warna merek: ambil warna biru yang persis dari logo perusahaan atau screenshot web agar presentasi tetap konsisten.

Buat palet warna: gunakan warna utama foto sebagai dasar untuk tema web, poster, atau slide.

Pengembangan web: ambil warna dari mockup desain yang berupa gambar, bukan file desain.

Seni digital dan kerajinan: cari kode warna dari foto referensi untuk aplikasi menggambar, pola sulam, atau rajutan.

Mendapatkan hasil akurat

Gunakan versi gambar terbesar dengan kompresi terendah yang Anda miliki: screenshot PNG menjaga warna tetap persis, sedangkan foto JPG bisa sedikit berubah di bagian tepi. Perbesar dengan kaca pembesar dan hindari tepi anti-aliased, di mana piksel mencampurkan dua warna. Jika Anda hanya butuh sebagian dari gambar yang besar, Potong Gambar terlebih dahulu agar lebih mudah digunakan.

Pertanyaan yang sering diajukan

Bagaimana cara menemukan kode HEX warna pada gambar?
Buka gambar di alat ini dan klik titik yang Anda inginkan. Kode HEX (seperti
Apakah saya bisa mengambil warna dari screenshot?
Ya. Ambil screenshot seperti biasa, lalu tekan Ctrl+V (atau ⌘+V di Mac) di halaman ini untuk menempelkannya langsung — tidak perlu menyimpannya sebagai file terlebih dahulu.
Bagaimana warna utama dihitung?
Alat ini mengambil sampel dari salinan gambar yang diperkecil, mengelompokkan warna yang mirip, dan menampilkan warna yang paling umum. Warna yang hampir identik akan dilewati sehingga palet menampilkan corak yang berbeda.
Mengapa warna yang diambil sedikit berbeda dari desain aslinya?
Gambar yang disimpan sebagai JPG dikompresi, sehingga sedikit menggeser warna, terutama di dekat tepi. Screenshot juga dapat dipengaruhi oleh profil warna layar. Untuk warna merek yang akurat, ambil dari PNG atau periksa file desain aslinya.
Apakah gambar saya diunggah?
Tidak. Gambar dibuka dan dibaca sepenuhnya di dalam browser Anda. Tidak ada data yang dikirim ke server, sehingga aman digunakan untuk screenshot pribadi dan desain yang belum dirilis.
Apakah alat ini bisa digunakan di HP?
Ya. Ketuk gambar untuk mengambil warna. Kaca pembesar akan mengikuti jari Anda saat menyentuh gambar.