Anda melihat warna yang ingin Anda pakai ulang — di sebuah foto, tangkapan layar situs yang Anda suka, logo lama yang file sumbernya sudah lama hilang — dan Anda butuh kode hex sebenarnya, bukan tebakan. Menerka-nerka tak pernah benar-benar berhasil; monitor berbohong dan "biru itu" sebenarnya enam biru yang sedikit berbeda. Menarik palet langsung dari piksel memberi Anda kode yang bisa Anda tempel ke CSS, alat desain, atau dokumen merek.
Berikut cara melakukannya, dan cara mendapatkan palet yang benar-benar bisa dipakai alih-alih ambilan piksel acak.
Apa yang sebenarnya dilakukan "mengekstrak palet"
Alat memindai gambar dan menemukan warna yang paling mewakilinya — nada dominan plus aksen yang menonjol — lalu memberi Anda masing-masing sebagai kode hex yang bisa Anda salin. Alih-alih sejuta warna piksel individu, Anda mendapat set yang rapi (misalnya 5 atau 8) yang merangkum gambar.
Ini benar-benar berguna untuk beberapa pekerjaan umum:
- Memulihkan warna merek dari logo atau aset lama ketika Anda tak punya spesifikasi aslinya.
- Membangun palet desain dari foto yang suasananya ingin Anda cocokkan — lanskap, bidikan produk, karya seni.
- Mencocokkan situs atau grafik yang ada yang cuma Anda punya tangkapan layarnya.
- Memilih latar atau aksen yang harmonis dengan gambar yang sudah Anda pakai.
Jatuhkan gambar dan baca kodenya:
Gunakan kendali jumlah untuk mendapat palet yang berguna
Pengaturan tunggal yang paling penting adalah berapa banyak warna yang Anda tarik. Ia mengubah jawabannya sepenuhnya.
- Lebih sedikit warna (3–5) memberi Anda palet esensial — segelintir nada yang mendefinisikan gambar. Inilah yang biasanya Anda inginkan untuk branding atau sistem desain, di mana set yang rapat adalah fitur, bukan keterbatasan.
- Lebih banyak warna (8–12) menangkap aksen halus dan gradien. Berguna ketika sebuah gambar kaya dan bervariasi dan Anda menginginkan nada sekundernya juga, atau ketika Anda mempelajari persis bagaimana sebuah foto disusun.
Jika hasil pertama terasa keliru — satu warna mendominasi, atau aksen yang Anda inginkan tergabung menghilang — sesuaikan jumlahnya dan baca ulang. Foto yang 80% langit akan memberi Anda banyak biru pada jumlah rendah; naikkan jumlahnya untuk memunculkan pop warna yang lebih kecil.
Klik untuk menyalin — alur kerja yang penting
Membaca kode hex dan mengetiknya adalah tempat kesalahan menyelinap (#3A7BD5 vs #3A7BD6 dan Anda menghabiskan sepuluh menit bertanya-tanya mengapa tampak salah). Di alat Palet Warna, setiap swatch menyalin kode hex-nya saat diklik, jadi Anda langsung dari gambar ke clipboard ke stylesheet Anda tanpa menyentuh keyboard.
Alur praktis:
- Muat gambar.
- Setel jumlah agar cocok dengan pekerjaan — rendah untuk palet merek, lebih tinggi untuk menangkap aksen.
- Klik setiap swatch yang Anda inginkan; tempel ke tujuannya.
- Kurang variasi? Geser jumlahnya dan ambil ekstranya.
Membaca hasil dengan mata seorang desainer
Beberapa hal yang layak diketahui agar palet mendarat dengan baik:
- Warna dominan tak selalu yang berguna. Foto produk di atas latar putih akan melaporkan banyak putih atau mendekati-putih. Itu akurat, tetapi warna yang sebenarnya Anda pedulikan adalah produk — naikkan jumlahnya untuk menariknya, atau potong ke subjek dulu.
- Foto punya lebih banyak warna daripada yang tampak. Kulit, bayangan, dan pantulan menambah nada yang tak Anda sadari secara sengaja. Jumlah lebih tinggi mengungkapnya; jumlah lebih rendah menyembunyikannya di balik rata-rata.
- Hex bersifat portabel. Setiap kode yang Anda salin berfungsi langsung di CSS, Figma, Photoshop, Canva, atau dokumen merek. Tanpa perlu konversi.
Mengapa ia tetap di browser Anda
Seluruh ekstraksi berjalan secara lokal — gambar dibaca dan dianalisis di browser Anda dengan Canvas, dan ia tak pernah diunggah ke server. Itu penting ketika "gambar" adalah mockup yang belum dirilis, aset merek pribadi klien, atau tangkapan layar internal yang tak seharusnya Anda posting ke alat web sembarangan. Ia gratis, tak butuh pendaftaran, dan setelah kunjungan pertama Anda berfungsi offline.
Ambil warnanya, klik untuk menyalin, tempel ke tempat semestinya.