Pemilih Warna & Ekstraktor Palet - Pilih Warna Dari Gambar

Unggah foto apa pun, klik untuk memilih warna piksel (HEX / RGB / HSL) atau ekstrak palet dominan secara otomatis. Unduh sebagai variabel JSON atau CSS.

Jatuhkan gambar untuk mengekstrak paletnya

Tentang Pemilih Warna

Mengukur gambar Anda ke dalam jumlah warna dominan yang diminta menggunakan bucketing 4-bit-per-saluran, lalu urutkan berdasarkan frekuensi. Berjalan seluruhnya di browser Anda — gambar Anda tidak pernah meninggalkan perangkat Anda.

Terus Menyempurnakan Gambar Anda

Tingkatkan pengeditan foto Anda ke tingkat berikutnya dengan alat populer ini

📝

Tambahkan Teks ke Gambar

Menambahkan keterangan dan judul ke foto yang disempurnakan

🖼️

Tambahkan Batas Foto

Bingkai efek Anda dengan batas yang indah

🗜️

Kompres Gambar

Mengoptimalkan gambar yang disempurnakan untuk dibagikan

📐

Ubah ukuran gambar

Mengubah dimensi gambar

Jelajahi Semua Alat Foto

Frequently Asked Questions

Unggah JPG, PNG, WebP, atau GIF apa pun dan klik di mana saja pada gambar yang ditampilkan — piksel yang tepat di bawah kursor Anda diambil sampelnya dan ditampilkan sebagai HEX, RGB, dan HSL dengan salinan satu klik untuk setiap format. Sempurna untuk mencocokkan warna merek, mencicipi contoh dari foto, atau mengambil nada aksen dari maket desain.

usage

Gambar diturunkan sampelnya menjadi 320 piksel di sisi terpanjangnya, kemudian setiap piksel ditangkap oleh 4 bit teratas per saluran. Bucket yang paling banyak dihuni dirata-ratakan kembali ke warna 8-bit penuh, diurutkan berdasarkan frekuensi, dan dikembalikan sebagai palet Anda. Hasilnya biasanya 5-24 warna dominan yang merangkum gambar secara visual.

technical

Iya. Tombol Unduh menghasilkan dua format: blok variabel CSS yang siap ditempelkan ke dalam pemilih :root (--color-1, --color-2...), dan file JSON dengan komponen hex, RGB, dan persentase berat untuk setiap warna. Kedua format tersebut terintegrasi dengan bersih ke dalam token desain, konfigurasi Tailwind, dan pustaka palet.

features

Tidak — pemilihan warna dan ekstraksi palet terjadi sepenuhnya di browser Anda menggunakan API kanvas HTML. Gambar tetap berada di perangkat Anda, yang membuat alat ini aman untuk foto produk yang belum dirilis, draf maket, dan aset merek di bawah NDA.

privacy

Untuk pekerjaan identitas merek, 5-8 warna adalah sweet spot — ini menangkap tema dominan tanpa melemahkan pilihan aksen. Untuk visualisasi data, kami merekomendasikan 10-16 warna sehingga Anda memiliki rona kategoris yang cukup. Penggeser memungkinkan Anda memilih antara 5 dan 24.

tips

Piksel dengan alfa di bawah 128 diabaikan, sehingga latar belakang transparan tidak mencemari palet dengan warna "latar belakang". Hal ini membuat Image Color Picker sangat bagus untuk guntingan produk, karya seni stiker, dan subjek yang terisolasi.

technical

HEX (#RRGGBB) adalah yang paling ringkas dan merupakan apa yang digunakan CSS, Figma, dan Sketch secara default. RGB menunjukkan tiga nilai komponen dari 0-255 — berguna saat bekerja dengan data gambar secara terprogram. HSL (rona, saturasi, cahaya) intuitif untuk menyesuaikan warna: geser rona untuk mengubah keluarga warna, menyesuaikan kecerahan untuk warna dan corak.

technical

Iya. Gratis, tidak perlu akun, tidak ada batasan ukuran gambar atau jumlah palet yang diekstrak. Tidak ada yang perlu diinstal — seluruh alat adalah satu halaman web.

pricing

Use Cases

Audit Identitas Merek

Tarik nilai HEX yang tepat dari logo atau aset pemasaran yang ada untuk dimasukkan ke dalam panduan gaya Anda. Cocokkan warna merek pesaing untuk dek atau pitch pemosisian.

design

Pembuatan Palet Desain Web

Ekstrak warna dominan dari foto atau mood-board, ekspor sebagai variabel CSS, dan masukkan ke stylesheet Anda. Sweet spot 5-8 warna mencakup primer, aksen, dan netral untuk benih sistem desain penuh.

design

Daftar Produk E-commerce

Cocokkan warna latar belakang foto produk dengan tema toko Anda. Pilih warna aksen yang dominan dari foto sepatu kets atau gaun dan gunakan sebagai sorotan panggilan iklan.

ecommerce

Inspirasi Interior & Mode

Foto ruangan atau pakaian yang Anda sukai dan ekstrak paletnya. Gunakan untuk memilih cat, kain, atau aksesori yang melengkapi skema yang ada — mengubah inspirasi visual menjadi contoh yang dapat ditindaklanjuti.

lifestyle

Skema Visualisasi Data

Hasilkan palet kategoris 10-16 warna yang berasal dari gambar yang ingin Anda bangkitkan (misalnya lukisan cat air untuk bagan lunak, matahari terbenam untuk gradien hangat hingga dingin). Lebih baik daripada memilih warna generik.

data

Alur Kerja Aset Game & UI

Ekstrak palet warna yang diindeks dari sprite art atau mockup UI untuk dimasukkan ke dalam alat pixel-art atau mesin game. Ekspor JSON palet terintegrasi dengan Aseprite, Photoshop, dan sebagian besar alur aset.

gamedev