Pemilih Warna & Pengekstrak Palet - Ambil Warna Dari Gambar

Unggah JPG, PNG, WebP, atau GIF apa pun dan klik di mana saja pada gambar yang ditampilkan — piksel persis di bawah kursor Anda akan diambil dan ditampilkan sebagai HEX, RGB, dan HSL dengan salin satu klik untuk setiap format. Sempurna untuk mencocokkan warna merek, mengambil contoh warna dari foto, atau menangkap nuansa aksen dari mockup desain.

Gambar diperkecil hingga 320 piksel pada sisi terpanjangnya, lalu setiap piksel dikelompokkan berdasarkan 4 bit teratas per channel. Kelompok yang paling padat dirata-ratakan kembali menjadi warna 8-bit penuh, diurutkan berdasarkan frekuensi, dan dikembalikan sebagai palet Anda. Hasilnya biasanya 5-24 warna dominan yang merangkum gambar secara visual.

Ya. Tombol Unduh menghasilkan dua format: blok variabel CSS yang siap ditempelkan ke selektor :root (--color-1, --color-2…), dan file JSON berisi hex, komponen RGB, dan persentase bobot untuk setiap warna. Kedua format terintegrasi dengan rapi ke dalam design token, konfigurasi Tailwind, dan pustaka palet.

Tidak — pemilihan warna dan ekstraksi palet sepenuhnya terjadi di peramban Anda menggunakan HTML canvas API. Gambar tetap berada di perangkat Anda, sehingga alat ini aman untuk foto produk yang belum dirilis, draf mockup, dan aset merek yang terikat NDA.

Untuk pekerjaan identitas merek, 5-8 warna adalah titik ideal — menangkap tema dominan tanpa mengencerkan pilihan aksen. Untuk visualisasi data, kami merekomendasikan 10-16 warna agar Anda memiliki cukup rona kategoris. Slider memungkinkan Anda memilih antara 5 dan 24.

Piksel dengan alpha di bawah 128 diabaikan, sehingga latar belakang transparan tidak mengotori palet dengan warna "latar belakang". Ini membuat Pemilih Warna Gambar sangat bagus untuk cutout produk, karya seni stiker, dan subjek yang terisolasi.

HEX (#RRGGBB) adalah yang paling ringkas dan merupakan format bawaan yang digunakan CSS, Figma, dan Sketch. RGB menampilkan tiga nilai komponen dari 0-255 — berguna saat bekerja dengan data gambar secara programatis. HSL (hue, saturasi, lightness) intuitif untuk menyesuaikan warna: geser hue untuk mengubah keluarga warna, sesuaikan lightness untuk tint dan shade.

Ya. Gratis, tanpa perlu akun, tanpa batasan ukuran gambar atau jumlah palet yang diekstrak. Tidak ada yang perlu dipasang — seluruh alat ini hanyalah satu halaman web.