Membangun desain di sekitar foto produk, foto merek, atau gambar bernuansa dimulai dari warnanya. Jatuhkan gambarnya dan dapatkan palet dominannya, tersusun dari terang ke gelap, tiap sampel warna sejauh satu klik dari kode hex yang tersalin.
Ekstraksi menggunakan kuantisasi median-cut pada piksel sebenarnya — keluarga algoritma yang sama yang dipakai editor gambar — sehingga palet mencerminkan distribusi warna nyata, bukan sekadar rata-rata yang kabur.
Cara pakai
- Tambahkan gambarFoto, logo, atau karya seni apa pun.
- Atur ukuran paletDari 3 hingga 12 warna — amati sampel warna diperbarui langsung.
- Salin kodenyaKlik sampel warna mana pun untuk hex-nya, atau salin seluruh palet sekaligus.
Tarik palet sungguhan dari gambar mana pun
Ekstraktor ini membaca piksel sesungguhnya dari gambar Anda dan menemukan warna dominannya menggunakan kuantisasi median-cut, pendekatan yang sama di balik reduksi warna yang baik. Artinya palet mencerminkan apa yang benar-benar ada di foto, bukan tebakan atau rata-rata berfilter. Muat sebuah gambar dan Anda mendapat sekumpulan sampel hex yang diambil langsung dari sumbernya.
Anda memilih berapa banyak warna yang ditarik, di mana pun antara 3 hingga 12. Sampel yang lebih sedikit memberi Anda palet gaya merek yang ringkas; lebih banyak memberi skema warna yang lebih penuh untuk pekerjaan desain. Sampel yang identik dihilangkan gandanya, jadi Anda tidak pernah mendapat hex yang sama dua kali.
Salin kode hex dengan satu klik
Setiap sampel menampilkan nilai hex-nya, dan mengeklik sebuah sampel menyalin kode itu ke papan klip Anda. Saat Anda ingin seluruh set, satu tombol menyalin seluruh palet sekaligus, siap ditempel ke CSS, alat desain, atau panduan gaya. Palet diurutkan dari terang ke gelap sehingga terbaca sebagai skala yang teratur alih-alih berantakan.
Karena semuanya berjalan di browser pada gambar Anda sendiri, Anda bisa mengekstrak palet warna dari foto, tangkapan layar, atau logo tanpa mengunggah apa pun.
Untuk apa orang memakainya
Membangun palet merek — Tarik warna dominan dari logo atau gambar utama untuk menambatkan sistem warna yang konsisten.
Mencocokkan desain dengan foto — Ekstrak skema warna dari foto produk agar tata letak Anda terasa bagian dari gambar yang sama.
Penataan tema web dan UI — Ambil kode hex dari gambar suasana untuk membibitkan variabel CSS bagi warna aksen dan latar situs.
Memilih warna dari karya seni — Sampel warna sesungguhnya pada ilustrasi atau lukisan untuk dipakai ulang dalam karya Anda sendiri.
Tema presentasi dan slide — Ekstrak beberapa warna dominan dari gambar sampul untuk menata tema seluruh dek.
Papan suasana mode dan interior — Dapatkan palet dari foto inspirasi untuk mencocokkan kain, cat, atau aksesori.
Set warna visualisasi data — Tarik sekumpulan warna berbeda dari gambar referensi untuk membangun palet grafik.
Pencarian hex cepat — Masukkan tangkapan layar dan klik sampel yang Anda butuhkan untuk menyalin kode hex-nya yang persis.
Tarik warna langsung dari sebuah gambar
Anda punya foto, tangkapan layar, sepotong kemasan, cuplikan film — dan Anda ingin warna di dalamnya sebagai kode hex. Mungkin untuk mencocokkan situs web dengan foto merek, untuk membangun tema slide di sekitar foto produk, atau untuk mengetahui gradien di sebuah poster itu sebenarnya apa. Membaca warna dengan mata itu tak dapat diandalkan; warna yang tampak biru dongker di monitor Anda mungkin #1B2A4A atau #14233F, dan menebak menghabiskan waktu Anda dan menghasilkan hal yang sedikit meleset.
Naluri kita adalah membuka situs palette dan membangun ulang warna dari nol, tetapi itu membalik tugasnya. Alat seperti Coolors dan Adobe Color sangat baik dalam menghasilkan palette — Anda mengunci swatch, tekan spasi, dan menjelajahi harmoni — tetapi ketika warna yang Anda inginkan sudah ada di dalam sebuah gambar, menghasilkan dari nol adalah jalan memutar. Anda berakhir mengambil warna dengan pipet di satu aplikasi dan menempelkan kode hex ke aplikasi lain.
Palette melakukan hal langsung. Jatuhkan sebuah gambar dan ia mengekstrak sekumpulan warna dominan menggunakan kuantisasi median-cut — keluarga algoritma yang sama yang dipakai untuk mereduksi gambar ke warnanya yang paling representatif — lalu menampilkannya sebagai swatch yang diurutkan dari terang ke gelap. Klik swatch apa pun untuk menyalin kode hex-nya, atau salin seluruh set sekaligus. Sebuah penggeser membawa Anda dari tiga warna hingga dua belas, jadi Anda bisa menarik pasangan aksen yang rapat atau tema penuh. Ia berjalan sepenuhnya di browser Anda: gambar dibaca secara lokal dan tidak pernah diunggah, yang penting ketika sumbernya adalah desain yang belum dirilis, foto klien, atau apa pun yang lebih baik tidak Anda kirim ke server hanya untuk mengambil sampel warna.
Apa yang membuatnya berbeda
- Mengekstrak, bukan menghasilkan. Ia membaca warna yang sudah ada di gambar Anda alih-alih meminta Anda membangun palette dari nol.
- Kuantisasi median-cut. Algoritma sungguhan memilih warna dominan yang representatif ketimbang mengambil sampel beberapa piksel acak.
- Jumlah yang bisa disesuaikan. Geser dari 3 ke 12 warna — pasangan aksen atau tema penuh — dan ia mengekstrak ulang secara langsung.
- Klik untuk menyalin. Ketuk swatch apa pun untuk hex-nya, atau salin semua kode dalam satu klik, siap ditempel ke CSS, alat desain, atau tema slide.
- Diurutkan untuk dipakai. Swatch diurutkan berdasarkan kecerahan sehingga palette terbaca alami.
- Privat dan offline. Gambar tidak pernah meninggalkan perangkat Anda, dan ia tetap bekerja setelah kunjungan pertama tanpa koneksi.
- Gratis, tanpa akun, tanpa watermark.
IMG.DIY vs alat warna lain
Coolors dan Adobe Color adalah alat kuat dengan pusat gravitasi yang berbeda. Pemisahan jujurnya adalah menghasilkan-palette lawan menarik-warna-dari-gambar.
| Aspek | Coolors | Adobe Color | IMG.DIY |
|---|---|---|---|
| Kekuatan inti | Menghasilkan & menjelajahi palette | Harmoni warna, integrasi Adobe | Mengekstrak warna dari gambar |
| Ekstrak dari gambar | Ya (unggah / dibatasi fitur pada gratis) | Ya | Ya, fungsi inti |
| Mengunggah gambar ke server | Umumnya ya | Ya | Tidak, tetap di browser |
| Perlu akun | Untuk menyimpan / sebagian fitur | Akun Adobe untuk pakai penuh | Tidak |
| Jumlah warna bisa disesuaikan | Ya | Set tetap | 3–12, langsung |
| Salin hex | Ya | Ya | Klik swatch, atau salin semua |
| Offline | Tidak | Tidak | Ya, setelah kunjungan pertama |
| Biaya | Tingkat gratis + berbayar | Gratis dengan akun Adobe | Gratis, tanpa batas |
Jika pekerjaan Anda adalah mendesain palette dari nol — menjelajahi harmoni, mengunci dan mengocok, menyimpan koleksi — Coolors dan Adobe Color adalah rumah yang lebih baik, dan Adobe Color sulit dikalahkan jika Anda hidup di dalam Creative Cloud. Yang membuat mereka lebih berat adalah kasus persis yang menjadi alasan alat ini dibangun: Anda sudah punya gambar dan hanya ingin warnanya, secara privat, tanpa unggahan atau login. Palette menarik kode hex keluar dalam satu jatuhan, membiarkan Anda mengatur jumlahnya, dan menyalinnya untuk Anda — lalu menyingkir dari jalan.
Kenapa IMG.DIY
Dominan nyata
Median-cut pada piksel sebenarnya, bukan rata-rata yang kabur.
Salin satu klik
Setiap sampel warna menyalin hex-nya seketika.
3–12 warna
Tentukan persis seberapa rinci palet Anda.
Privat
Gambar tidak pernah meninggalkan perangkat Anda.