Pemilih Warna dan Pembuat Palet dari Gambar

Buka gambar, klik di mana saja untuk mengambil warna persis di bawah kursor, lalu salin nilai HEX, RGB atau HSL. Alat ini juga mengambil palet warna utama secara otomatis. Gambar Anda dibaca langsung dari canvas di browser dan tidak pernah dikirim ke mana pun.

Seret dan lepas gambar di sini, atau klik untuk memilih file

Mendukung JPG, PNG, WebP dan GIF. File tetap ada di perangkat Anda.

Klik gambar untuk mengambil warna. Gerakkan kursor untuk melihat pratinjau sebelum mengklik.

Warna terpilih

Palet

Warna dibaca langsung dari piksel gambar oleh browser Anda menggunakan Canvas API. Gambarnya sendiri tidak pernah di-upload ke server.

Ambil Warna Persis dari Gambar Apa Pun

Desainer dan developer sering butuh warna yang tepat dari satu piksel: biru pada logo, latar sebuah screenshot, atau warna aksen pada foto. Pemilih warna dari gambar ini mengubah gambar Anda menjadi canvas yang bisa diklik, menampilkan nilai di bawah kursor dalam tiga format umum, dan memungkinkan Anda menyalin salah satunya dengan sekali klik. Selain itu, alat ini memindai seluruh gambar dan membuat palet warna yang paling sering muncul, sehingga Anda bisa mengambil skema warna siap pakai dari gambar referensi.

Gunakan untuk mencocokkan warna brand, membuat ulang tema dari screenshot, mengambil nuansa warna dari foto untuk desain, atau mengambil skema warna dari karya seni.

Cara Mengambil Warna dari Gambar

  1. Buka gambar. Seret atau pilih gambar, lalu gambar tampil di canvas.
  2. Klik piksel. Klik di mana saja pada gambar untuk mengambil warna di titik itu.
  3. Salin kodenya. Salin nilai HEX, RGB atau HSL, atau klik kotak warna palet untuk menyalin HEX-nya.

Tiga Format Warna

Setiap warna ditampilkan sebagai HEX untuk CSS dan alat desain, RGB untuk kode, dan HSL untuk mengatur hue, saturasi dan kecerahan. Salin yang sesuai kebutuhan proyek Anda.

Palet Otomatis

Alat ini mengambil sampel gambar dan mengelompokkan warna yang mirip untuk menemukan warna dominan, sehingga Anda langsung mendapat palet yang bisa dipakai untuk desain yang serasi.

Piksel Dibaca Secara Lokal

Gambar digambar ke canvas di browser Anda dan warnanya dibaca dari sana. Tidak ada yang di-upload, jadi mockup dan screenshot pribadi tetap ada di perangkat Anda.

Alasan Praktis Memakainya

  • Salin sekali klik: ambil HEX, RGB atau HSL seketika.
  • Palet dalam hitungan detik: warna utama dari gambar apa pun, siap dipakai ulang.
  • Tanpa upload: piksel dibaca di browser dan tetap privat.
  • Gratis: tanpa akun dan tanpa watermark.
  • Di perangkat apa pun: klik di desktop atau ketuk di ponsel.

Kegunaan Umum Pemilih Warna

Alasan paling umum orang membuka alat ini adalah untuk mendapatkan kode hex dari warna yang terlihat di foto atau screenshot. Buka sebuah logo lalu klik bagian logonya untuk membaca warna brand yang persis, atau klik latar screenshot untuk menyamakan warna situs web dengan gambar yang sedang Anda kerjakan. Setiap pilihan langsung memberi nilai dalam tiga format: kode HEX seperti #1A73E8 untuk ditempel ke CSS atau aplikasi desain, string RGB seperti rgb(26, 115, 232) untuk kode, dan string HSL untuk mengatur hue, saturasi dan kecerahan. Tombol salin ada di samping masing-masing, jadi mencari nilai RGB dari satu piksel cukup dengan satu klik dan salin.

Alat ini juga cara cepat untuk membuat palet dari gambar. Setelah gambar dimuat, alat membaca piksel dan menampilkan hingga delapan warna yang paling sering muncul sebagai kotak warna, lengkap dengan kode HEX di bawahnya. Klik kotak warna untuk memuat warna itu ke tampilan utama, atau klik kodenya untuk menyalinnya ke clipboard. Dengan begitu Anda mudah mengambil skema warna dari karya seni, foto atau moodboard, atau mengambil satu set warna serasi dari gambar referensi tanpa menebak-nebak.

Pertanyaan yang Sering Diajukan

Buka gambar Anda, lalu klik titik yang diinginkan. Warna di piksel itu muncul sebagai HEX, RGB dan HSL, masing-masing dengan tombol salin.

Ya. Begitu gambar dimuat, alat ini menganalisisnya dan menampilkan palet warna yang paling sering muncul. Klik kotak warna mana pun untuk menyalin nilai HEX-nya.

Tidak. Gambar digambar ke canvas di browser Anda dan nilai warnanya dibaca dari sana. File tidak pernah dikirim ke server.

Ketiganya adalah cara berbeda menulis warna yang sama. HEX umum dipakai di CSS, RGB berisi nilai merah, hijau dan biru, dan HSL menjelaskan hue, saturasi dan kecerahan, yang berguna untuk menyesuaikan gradasi warna.

Ya. Ketuk gambar untuk mengambil warna. Alat ini berjalan di browser ponsel tanpa aplikasi apa pun.

Sangat akurat. Alat membaca nilai piksel yang tepat dari data gambar, jadi warna diambil langsung dari sumbernya, bukan perkiraan.

Ya. Anda bisa mengambil piksel mana pun yang terlihat. Area yang sepenuhnya transparan tidak menghasilkan warna karena tidak ada yang bisa dibaca di sana.

Ya, sepenuhnya gratis, tanpa akun, dan tidak menambahkan apa pun ke gambar Anda.

Buka gambar, lalu klik titik yang Anda inginkan. Kolom HEX menampilkan kode piksel itu, misalnya #1A73E8, dan tombol Salin di sebelahnya menyalin kode ke clipboard, siap ditempel ke CSS atau alat desain.

Klik piksel pada gambar lalu baca kolom RGB, yang menampilkan warna sebagai rgb(merah, hijau, biru), misalnya rgb(26, 115, 232). Gunakan tombol Salin untuk mengambil nilainya. Warna yang sama juga ditampilkan sebagai HEX dan HSL.

Buka gambar logo dan klik langsung bagian logo yang berwarna. Warna terpilih muncul sebagai HEX, RGB dan HSL dengan tombol salin, sehingga Anda mendapat warna brand yang persis. Palet otomatis di sampingnya juga menampilkan warna utama logo sebagai kotak warna yang bisa disalin.

Ya. Gambar digambar ke canvas di browser Anda dan warnanya dibaca langsung dari piksel di sana. Tidak ada yang dikirim ke server, jadi file tidak pernah meninggalkan perangkat Anda.

Alat Terkait