Pengekstrak Palet Warna Imej percuma
Ekstrak warna dominan daripada mana-mana imej menggunakan kuantisasi warna k-means. Dapatkan kod hex untuk 2-16 warna teratas dalam foto atau logo anda.
Lepaskan fail di sini, atau klik untuk semak imbas
JPG, PNG, WebP, GIF, HEIC, HEIF Β· diproses pada peranti anda
atau tekan Ctrl+V untuk menampal daripada papan keratan
Petua: anda boleh menampal tangkapan skrin dengan Ctrl+V
Fail anda tidak pernah meninggalkan peranti. Semua pemprosesan berlaku secara tempatan dalam pelayar anda.
Kegunaan biasa
- Ekstrak warna jenama dari logoDapatkan kod hex yang tepat untuk warna dominan dalam mana-mana logo atau imej jenama.
- Bina palet warna web dari fotoJana palet warna laman web yang sepadan dari foto pahlawan atau imej latar belakang.
- Ekstrak warna dari foto inspirasiEkstrak palet warna dari foto desain dalaman atau fesyen untuk digunakan dalam projek anda sendiri.
- Analisis palet lukisan dan seniKaji palet warna lukisan terkenal atau seni anda sendiri dengan mengekstrak warna dominan.
- Tema CSS dari imejJana tema pembolehubah CSS dari imej β berguna untuk tema dinamik atau skema warna yang dijana secara automatik.
Cara ia berfungsi
Pengekstrakan warna berjalan sepenuhnya dalam pelayar anda menggunakan algoritma pengelompokan k-means++ tulisan tangan dikenakan pada data piksel mentah dibaca daripada Canvas API β tiada pelayan, tiada pustaka pihak ketiga. Imej dan tetapan kiraan-warna yang sama sentiasa menghasilkan palet yang sama kerana algoritma menggunakan penjana nombor pseudo-rawak deterministik (mulberry32) dan bukan Math.random.
- 1Canvas membaca data pikselImej dilukis ke atas elemen HTML Canvas luar-skrin dan disampel-turun kepada paling banyak 200px pada sisi terpanjangnya. getImageData() Canvas API mengembalikan setiap piksel sebagai bait RGBA mentah, dan piksel telus sepenuhnya (alfa < 128) dibuang sebelum pengelompokan bermula.
- 2k-means++ mengelompokkan pikselPenginisialisasi k-means++ menyemai sentroid secara deterministik, kemudian algoritma berulang sehingga 20 kali: setiap piksel diperuntukkan kepada sentroid terdekatnya dalam ruang RGB, kemudian sentroid dikira semula sebagai min semua piksel yang diperuntukkan. Kluster yang runtuh kepada nilai heks yang sama digabung, jadi setiap contoh warna dalam hasil unik.
- 3Metadata setiap-warna dikiraSetiap sentroid ditukar kepada HEX, HSL, dan bahagiannya daripada jumlah piksel (peratusan). Keluminan relatif WCAG dikira mengikut formula standard, dan nisbah kontras terhadap hitam dan putih dipaparkan bersebelahan setiap contoh warna.
- 4Output eksport dan eyedropperPalet boleh disalin sebagai sifat tersuai CSS, pembolehubah SCSS, cebisan konfigurasi Tailwind, atau JSON. Eyedropper klik-untuk-sampel memetakan klik anda pada pratonton kembali kepada koordinat piksel sumber tepat pada kanvas resolusi-penuh, menambah warna piksel itu kepada senarai warna-dipilih berasingan. Jalur palet PNG boleh dimuat turun melalui Canvas toBlob().
Imej anda tidak pernah dimuat naik β ia dinyahkod dan diproses sepenuhnya dalam memori pelayar anda, dan hanya saiz fail (dalam KB) dilaporkan kepada analitik.
Alat berkaitan
Penjana Warna Rawak
Hasilkan warna rawak satu demi satu atau sebagai palet lima warna, kunci yang anda suka, salin nilai HEX, RGB atau HSL dan eksport palet sebagai PNG atau CSS.
Penjana Palet Warna
Jana palet warna komplementari, analog, triadik, dan monokromatik daripada mana-mana warna asas. Salin kod hex dalam satu klik.
Pemilih Warna & Penjana Palet
Pilih warna, tukar antara HEX/RGB/HSL dan jana palet yang harmoni.