Tiada muat naik, 100% setempat, tiada akaun

Pengekstrak Palet Warna

Muat naik imej untuk mengekstrak warna dominannya. Dapatkan kod HEX untuk setiap petak, salin dengan satu klik. Semuanya berjalan dalam pelayar anda.

Cara Pengekstrak palet warna berfungsi

Color Palette Extractor menganalisis imej anda dan mengenal pasti warna yang paling dominan secara visual menggunakan algoritma pengklusteran k-means yang dijalankan terhadap data piksel dalam Canvas. Hasilnya ialah set swotch warna dengan nilai HEX yang boleh anda salin secara individu. Tiada bait imej yang meninggalkan pelayar anda; pensampelan piksel dijalankan secara setempat dalam Web Worker supaya benang utama kekal responsif.

Ekstraksi mengumpulkan ratusan ribu warna piksel individu ke dalam bilangan kluster wakil yang lebih kecil. Bilangan warna output boleh dikonfigurasikan supaya anda boleh mengekstrak palet ketat lima warna atau set yang lebih luas dua belas warna. Ini berguna untuk mendapatkan warna jenama dengan cepat daripada logo, mengenal pasti ton dominan foto untuk papan suasana, atau menyemak warna yang muncul dalam imej yang dimuat naik pengguna.

Ditulis oleh Bastien Sulyan

Cara menggunakan Pengekstrak palet warna, langkah demi langkah

  1. Lepaskan imej anda ke kawasan muat naik atau klik untuk melayari.
  2. Tetapkan bilangan warna yang ingin anda ekstratak (biasanya 5 hingga 12).
  3. Klik Ekstrak. Pengklusteran piksel dijalankan secara setempat dalam Web Worker.
  4. Lihat swotch warna yang dihasilkan dan nilai HEX-nya.
  5. Klik mana-mana swotch untuk menyalin kod HEX-nya ke papan klip.

Kes penggunaan biasa

  • Pereka mengekstrak palet dominan daripada foto jenama untuk memastikan bahan pemasaran baru sepadan dengan warna yang sedia ada.
  • Pembangun mengenal pasti warna utama dalam avatar yang dimuat naik pengguna untuk menghasilkan warna aksen UI yang sepadan secara dinamik.
  • Seniman membina papan rujukan suasana dengan mengekstrak palet daripada beberapa imej rujukan dan membandingkan kod HEX yang diekstrak.
  • Penulis blog mengambil lima ton dominan daripada foto tajuk untuk memilih warna teks dan butang yang saling melengkapi untuk susun atur siaran.

Soalan lazim

Bagaimana algoritma pengekstrakan warna berfungsi?

Alat ini membaca semua nilai piksel daripada imej melalui Canvas.getImageData(), mengurangkan sampelnya untuk kelajuan, kemudian menjalankan pengklusteran k-means. Setiap sentroid kluster menjadi salah satu warna output. K-means mengumpulkan piksel mengikut kedekatan warna supaya ton visual dominan muncul sebagai warna sentroid.

Adakah mengekstrak warna memerlukan memuat naik imej?

Tidak. Pensampelan piksel berlaku di dalam Web Worker dalam pelayar anda. Imej dibaca dari cakera setempat anda, dilukis ke atas OffscreenCanvas, dan susunan piksel diproses dalam memori. Data tidak meninggalkan peranti anda.

Mengapa warna yang diekstrak kelihatan sedikit berbeza daripada apa yang saya lihat dalam imej?

Sentroid k-means mewakili purata matematik bagi kluster warna piksel. Warna yang sangat biasa tetapi sedikit berbeza (langit biru dengan sedikit variasi kecerunan) akan menghasilkan sentroid yang merupakan purata ton dan bukannya mana-mana nilai piksel tepat yang boleh anda tunjuk. Hasilnya adalah purata yang mewakili, bukan sampel piksel tertentu.

Bolehkah saya mengekstrak palet daripada foto yang mempunyai ketelusan?

Piksel yang sepenuhnya lutsinar (alfa = 0) dikecualikan daripada pengklusteran untuk mengelakkan kawasan lutsinar mempengaruhi warna yang diekstrak ke arah hitam atau putih bergantung pada isian latar belakang Canvas. Piksel separa lutsinar dimasukkan dalam sampel berwajaran mengikut nilai alfa mereka.

Dalam format apa kod warna disediakan?

Alat ini menghasilkan kod HEX (seperti #3A7BD5). Jika anda memerlukan RGB, HSL atau format lain, salin nilai HEX ke dalam alat Color Converter, yang menerima HEX dan menukar kepada semua model warna biasa.

Alat berkaitan

Kekalkan semuanya setempat, terokai alat pelengkap.

Semua alat imej