Pengekstrak warna imej percuma
Pengekstrak Palet Warna
Pengekstrak Palet Warna mengeluarkan warna tepat daripada imej dan memaparkannya sebagai palet warna dengan kod HEX, RGB, HSL, OKLCH dan CMYK. Setiap warna menunjukkan bahagiannya dalam imej, dan imej tidak pernah meninggalkan pelayar anda.
- Percuma, tanpa pendaftaran
- Imej tidak pernah meninggalkan peranti anda
- Warna piksel tepat
Lepaskan imej di sini
atau tampal dengan Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Sehingga 20 imej.
Bagaimanakah pengekstrak palet warna berfungsi?
Pengekstrak palet warna membaca piksel imej anda dalam pelayar, mengelompokkan warna yang serupa, dan memaparkan warna yang paling tepat menggambarkan imej tersebut.
Tambah imej
Lepaskan, tampal atau pilih sehingga 20 imej dalam format JPG, PNG, WebP, GIF, AVIF atau SVG. Tangkapan skrin yang ditampal juga boleh digunakan.
Warna dikelompokkan
Pengekstrak mengelompokkan piksel dalam OKLab, iaitu ruang warna yang dibina untuk sepadan dengan persepsi warna manusia, dan menggabungkan warna yang kelihatan sama.
Bentuk palet
Tetapkan 2 hingga 20 warna, pilih mod, dan klik imej untuk menambah mana-mana piksel tepat. Seret pin untuk memilih semula warnanya.
Salin atau eksport
Salin kod HEX, semak kontras, atau eksport palet ke CSS, Tailwind, Adobe, Procreate, GIMP dan banyak lagi.
Apakah yang dipaparkan oleh pengekstrak bagi setiap warna?
Setiap warna yang diekstrak memaparkan tujuh kod warna, nama warna terdekat, bahagiannya dalam imej, kontrasnya terhadap putih dan hitam, serta skala ton cerah dan gelap 50 hingga 950.
| Kod | Contoh | Kegunaan |
|---|---|---|
| HEX | #2A9D8F | Reka bentuk web, CSS dan kebanyakan aplikasi reka bentuk |
| RGB | rgb(42 157 143) | Skrin, CSS dan penyunting imej |
| HSL | hsl(173 58% 39%) | Melaraskan kecerahan dan ketepuan dalam CSS |
| HSB | hsb(173, 73%, 62%) | Pemilih warna dalam Photoshop, Figma dan Procreate |
| OKLCH | oklch(63% 0.101 183) | Penyuntingan warna perseptual dalam CSS moden |
| CIE Lab | lab(58.4 -35.2 -2.3) | Pengukuran perbezaan warna dan aliran kerja cetakan |
| CMYK | 73, 0, 9, 38 | Anggaran cetakan tanpa profil pencetak |
Mod pengekstrakan manakah yang sesuai dengan imej anda?
Mod pengekstrakan menentukan warna yang masuk ke dalam palet apabila imej mengandungi lebih banyak warna daripada saiz palet.
| Mod | Apa yang dipilih | Paling sesuai untuk |
|---|---|---|
| Seimbang (lalai) | Kawasan warna yang besar serta aksen yang berbeza, diberi skor berdasarkan bahagian piksel dan jarak daripada warna yang sudah dipilih | Foto, ilustrasi dan imejan jenama |
| Dominan | Warna yang meliputi piksel terbanyak | Mengukur warna yang memenuhi imej |
| Menyerlah | Skor Seimbang yang diberi pemberat mengikut kroma, jadi aksen yang tepu mendapat kedudukan lebih tinggi | Papan mood, foto produk dan karya seni |
Tetapan Piksel tepat memaparkan warna yang wujud dalam imej. Tetapan Purata memaparkan warna min bagi setiap kumpulan. Gelangsar Gabung serupa menetapkan sejauh mana dua warna perlu hampir untuk dikira sebagai satu, diukur sebagai jarak ΔE_OK (0.03 secara lalai).
Sejauh manakah ketepatan warna yang diekstrak?
Warna yang diekstrak ialah nilai piksel tepat: pengekstrak mengambil sampel piksel sebenar tanpa mencampurkannya, jadi setiap kod HEX dalam palet Piksel tepat terdapat dalam imej anda.
- Pengelompokan perseptual. Warna dibandingkan dalam OKLab, iaitu ruang warna yang jarak samanya kelihatan sebagai perbezaan yang sama. Jarak RGB membesarkan sesetengah perbezaan warna dan mengecilkan perbezaan yang lain.
- Hasil yang stabil. Pengelompokan menggunakan benih tetap, jadi imej dan tetapan yang sama sentiasa menghasilkan palet yang sama.
- Perkadaran sebenar. Setiap piksel diperuntukkan kepada warna palet yang paling hampir, jadi jumlah semua bahagian ialah 100%.
- Ketelusan diambil kira. Piksel dengan kelegapan di bawah 50% tidak dikira, jadi PNG lutsinar hanya menunjukkan warnanya yang kelihatan.
Panduan Cara pengekstrakan warna berfungsi membandingkan kaedah ini dengan median cut, pengkuantuman octree dan k-means biasa.
Dari sumber manakah anda boleh mengekstrak warna?
Pengekstrak Palet Warna membaca empat jenis sumber, setiap satu dengan alat dan tetapannya sendiri.
Imej
Foto, ilustrasi, tangkapan skrin dan karya seni. Beberapa imej menghasilkan satu palet gabungan, dengan setiap imej diberi pemberat yang sama.
Logo
Pengekstrak Warna Logo memaparkan warna logo yang tepat, membuang latar belakang dan mengabaikan piksel campuran di sepanjang tepi.
Laman web
Pengekstrak Warna Laman Web membaca CSS sesebuah laman dan memaparkan warna jenama, teks, latar belakang dan sempadannya daripada URL.
Piksel tunggal
Pemilih Warna Imej memaparkan kod HEX tepat bagi mana-mana piksel yang anda klik, dengan kanta pembesar untuk ketepatan.
Format eksport manakah yang boleh anda muat turun?
Pengekstrak mengeksport palet dalam 11 format, semuanya dijana dalam pelayar anda.
| Format | Fail | Dibuka dalam |
|---|---|---|
| Pemboleh ubah CSS | .css | Mana-mana helaian gaya laman web |
| Tailwind v4 dan v3 | Blok @theme, tailwind.config.js | Projek Tailwind CSS |
| SCSS | .scss | Projek Sass |
| Token reka bentuk | .tokens.json | Alat W3C Design Tokens dan pemalam Figma |
| Adobe Swatch Exchange | .ase | Photoshop, Illustrator dan InDesign |
| Procreate | .swatches | Procreate pada iPad |
| Palet GIMP | .gpl | GIMP, Inkscape dan Krita |
| SVG | .svg | Figma, Sketch dan Illustrator |
| Kad palet PNG | .png | Persembahan, papan mood dan hantaran media sosial |
| Senarai HEX | .txt | Mana-mana aplikasi |
Format kod boleh menyertakan skala ton cerah dan gelap 50 hingga 950 bagi setiap warna, yang dibina dalam OKLCH di sekitar nilai yang diekstrak.
Siapakah yang menggunakan pengekstrak palet warna?
Pereka
Ambil palet daripada foto papan mood atau imej rujukan dan hantarkannya ke Figma, aplikasi Adobe atau Procreate sebagai sampel warna.
Pembangun
Tukar tangkapan skrin reka bentuk kepada pemboleh ubah CSS atau tema Tailwind dengan skala ton cerah dan gelap yang lengkap.
Pemilik perniagaan
Cari kod HEX tepat bagi logo atau foto produk supaya laman web, kedai dalam talian dan hantaran media sosial kekal konsisten.
Artis dan ilustrator
Kaji perkadaran warna sesebuah lukisan atau foto sebelum memulakan karya baharu.
Pembeli perkhidmatan cetak
Kumpulkan nilai skrin tepat dan anggaran CMYK untuk memberi taklimat kepada pencetak sebelum pruf.
Penyemak kebolehcapaian
Semak setiap pasangan warna dalam palet berdasarkan ambang WCAG 2. Panduan Kontras WCAG dalam palet menerangkan peraturannya.
Adakah imej anda dimuat naik?
Tidak. Imej dinyahkod dan dianalisis di dalam pelayar anda, dan fail tidak pernah sampai ke pelayan. Laman ini tidak menyimpan sebarang imej atau palet.
Dua ciri menghubungi pelayan: memuatkan imej daripada alamat web dan membaca kod laman web. Kedua-duanya mengambil fail awam untuk anda dan tidak menyimpan salinan. Dasar privasi menyenaraikan setiap data yang dikendalikan oleh laman ini.
Soalan lazim pengekstrak palet warna
Adakah pengekstrak palet warna percuma?
Ya. Setiap ciri dan setiap format eksport adalah percuma, tanpa akaun, tera air atau had penggunaan.
Berapakah bilangan warna dalam sesebuah palet?
Palet memuatkan 2 hingga 20 warna, yang ditetapkan dengan gelangsar Warna. Palet lalai mempunyai 6 warna.
Mengapakah alat lain memberikan warna yang berbeza?
Alat berbeza dari segi ruang warna, algoritma pengelompokan, pensampelan dan nilai sampel. Pengekstrak ini mengelompokkan warna dalam OKLab dan memaparkan nilai piksel sebenar secara lalai, manakala banyak alat lain mengambil purata warna dalam RGB.
Bolehkah saya mengekstrak satu palet daripada beberapa imej?
Ya. Tambah sehingga 20 imej dan pengekstrak membina satu palet gabungan, dengan setiap imej diberi pemberat yang sama, serta satu palet kecil bagi setiap imej.
Adakah pengekstrak berfungsi pada telefon?
Ya. Pengekstrak berjalan dalam pelayar mudah alih, menerima foto daripada galeri kamera, dan memilih warna dengan satu ketikan.
Format imej manakah yang disokong?
Fail JPG, PNG, WebP, GIF, AVIF, BMP dan SVG berfungsi dalam semua pelayar semasa. Foto HEIC hanya dibuka dalam Safari, jadi pelayar lain memerlukan salinan JPG atau PNG.