Ambil warna dari gambar

Perlu tahu warna persis dari logo, foto, atau tangkapan layar? Unggah gambar, arahkan kursor ke titik yang Anda cari, lalu klik. Kode warnanya langsung tersalin ke clipboard dalam format pilihan Anda: HEX, RGB, HSL, HSV, atau LCH. Tidak perlu instal apa pun, dan gambar tidak pernah meninggalkan komputer Anda.

Cara mengambil warna dari gambar

1. Unggah gambar. Seret ke jendela atau klik “Jelajahi file”. Pipet ini menerima JPG, PNG, WebP, dan GIF.
2. Pilih format. Di atas gambar, tentukan format kode yang ingin disalin. HEX biasanya paling pas untuk web, RGB umum dipakai di aplikasi desain. Pilihan ini akan diingat oleh alat.
3. Arahkan ke warna. Di dekat kursor muncul kaca pembesar dengan piksel di sekitarnya diperbesar, plus kode warnanya di bawah.
4. Klik. Kode langsung tersalin ke clipboard dan warnanya tersimpan di tab Warna Terpilih. Tinggal tempel di mana pun Anda butuhkan.

Mau coba gambar lain? Seret langsung ke gambar yang sedang tampil, atau hapus dengan ikon tempat sampah.

Yang bisa dilakukan pipet warna online ini

Kaca pembesar yang menunjukkan setiap piksel

Pipet warna biasa hanya menampilkan warna di bawah kursor, jadi mengenai tepi tipis sebuah huruf jadi untung-untungan. Kaca pembesar kami memperbesar area 11 × 11 piksel di sekitar kursor dan memberi bingkai pada piksel tengahnya. Anda tahu persis apa yang akan diklik, sebelum benar-benar mengklik.

Zoom sampai ke piksel tunggal

Pakai tombol plus dan minus, atau scroll sambil menekan Ctrl, untuk memperbesar gambar hingga 64 kali. Dengan Kisi diaktifkan, batas setiap piksel terlihat jelas, jadi Anda bisa mengklik tepat di ikon, pixel art, atau teks kecil.

Warna dari gambar asli, bukan dari thumbnail

Banyak alat online mengecilkan gambar terlebih dahulu dan membaca warna dari pratinjau, tempat piksel-piksel yang bersebelahan justru bercampur. Pipet ini bekerja pada gambar dengan resolusi penuh (hingga 4096 px pada sisi terpanjang), sehingga Anda mendapat warna piksel yang sebenarnya.

Salin dengan satu klik

Tidak perlu menyeleksi teks atau mengetik ulang angka. Setiap klik pada gambar langsung menyalin kode dalam format yang dipilih. Kalau warna yang sama dibutuhkan dalam format lain, detail warna menampilkan kelima format sekaligus, masing-masing dengan tombol salin sendiri.

Palet Warna Dominan

Begitu gambar diunggah, alat ini langsung mencari hingga delapan warna yang paling dominan dan menampilkannya di tab Warna Dominan. Warna-warna yang hampir identik digabungkan, jadi paletnya tidak berisi lima variasi abu-abu, dan bagian transparan pada PNG diabaikan. Palet ini cocok jadi titik awal skema warna untuk situs web, presentasi, atau konten media sosial. Untuk memastikan warnanya tetap kontras tanpa hue, cek dengan konversi gambar ke skala abu-abu.

Warna terpilih selalu terlihat

Setiap warna yang Anda klik tersimpan di tab Warna Terpilih (24 warna terakhir). Anda bisa membandingkan beberapa titik pada gambar dan kembali ke titik mana pun kapan saja. Di layar besar, panel warna ini tampil langsung di samping gambar.

Untuk apa kode warna dari gambar berguna

• Web dan aplikasi: Klien hanya mengirim logo dalam format JPG, tapi Anda butuh warna brand yang presisi untuk CSS. Kalau juga perlu versi dengan latar transparan, pakai penghapus latar belakang gambar.
• Desain grafis dan media sosial: Ingin teks pada sebuah unggahan senada dengan foto. Ambil saja warnanya langsung dari foto tersebut.
• Presentasi dan dokumen: Atur warna logo perusahaan di PowerPoint, Google Slides, atau Canva lewat kode HEX atau RGB.
• Pengecekan desain: Dari tangkapan layar, pastikan tombol di aplikasi memang memakai warna yang ditentukan desain. Lalu cek ukuran aset yang diekspor dengan analisis dimensi gambar.
• Interior dan mode: Punya foto kain atau dinding dan mencari warna yang mirip? Kode ini jadi titik awal saat memilih di kartu warna cat.

Format warna yang dihasilkan pipet

• HEX (#1373b6): notasi yang dipakai di HTML, CSS, dan sebagian besar alat desain. Lihat dokumentasi MDN untuk varian singkat dan alfa (berbahasa Inggris).
• RGB (rgb(19, 115, 182)): proporsi merah, hijau, dan biru, masing-masing dari 0 sampai 255. Cara kerja pencampuran warna aditif ini dijelaskan di Wikipedia.
• HSL (hsl(205, 81%, 39%)): hue, saturasi, dan lightness. Mudah dipakai untuk membuat varian yang lebih terang atau lebih gelap.
• HSV: hue, saturasi, dan value, seperti yang dikenal dari pemilih warna di Photoshop atau GIMP. Perbedaan HSL dan HSV dijelaskan lengkap di Wikipedia.
• LCH: model yang mengikuti cara mata manusia mempersepsikan warna. Disalin dalam notasi yang dipahami CSS modern (lihat dokumentasi MDN, berbahasa Inggris).

Pipet ini menemukan warna dari gambar Anda. Kalau ingin mengolahnya lebih lanjut, mengonversi ke format lain, atau mencari warna yang cocok, lanjutkan ke pemilih warna.

Pertanyaan yang sering diajukan

Apakah gambar saya diunggah ke server?

Tidak. Gambar dimuat dan diproses langsung di browser Anda, tidak pernah dikirim ke mana pun, dan tidak ada yang tersisa setelah halaman ditutup. Jadi alat ini aman dipakai untuk file internal atau desain yang belum dirilis.

Bagaimana cara mengetahui kode HEX dari sebuah foto?

Unggah foto, biarkan format HEX terpilih di atas gambar, lalu klik titik dengan warna yang Anda cari. Kodenya, misalnya #75dab2, langsung tersalin ke clipboard.

Kenapa warna dari foto berbeda dengan warna aslinya?

Kamera memengaruhi warna lewat pencahayaan, white balance, dan kompresi. Pipet ini mengembalikan persis warna yang tersimpan di dalam file. Untuk foto, coba klik beberapa titik dan bandingkan di tab Warna Terpilih. Kalau kode ini dipakai untuk mencampur cat tembok, anggap saja sebagai patokan kasar.

Apakah pipet warna ini bisa dipakai di HP?

Bisa. Di layar sentuh, cukup ketuk titik pada gambar dan kodenya tersalin sama seperti di komputer. Kaca pembesar di dekat kursor tidak muncul di layar sentuh, jadi perbesar dulu gambarnya untuk detail yang kecil.

Apa bedanya HEX dan RGB?

Keduanya menjelaskan warna yang sama. RGB menuliskannya dengan tiga angka dari 0 sampai 255, sedangkan HEX menuliskan angka yang sama dalam basis enam belas setelah tanda #. Misalnya, rgb(255, 87, 51) sama persis dengan #ff5733.

Bagaimana cara mendapatkan seluruh palet warna dari sebuah gambar?

Buka tab Warna Dominan. Di sana ada hingga delapan warna utama gambar, dan klik salah satunya untuk menyalin kodenya.