Ekstraktor warna gambar gratis
Ekstraktor Palet Warna
Ekstraktor Palet Warna mengambil warna persis dari sebuah gambar dan menampilkannya sebagai palet warna dengan kode HEX, RGB, HSL, OKLCH, dan CMYK. Setiap warna menunjukkan porsinya dalam gambar, dan gambar tidak pernah keluar dari browser Anda.
- Gratis, tanpa daftar
- Gambar tidak pernah keluar dari perangkat Anda
- Warna piksel yang persis
Letakkan gambar di sini
atau tempel dengan Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Maksimal 20 gambar.
Bagaimana cara kerja ekstraktor palet warna?
Ekstraktor palet warna membaca piksel gambar Anda di browser, mengelompokkan warna yang mirip, lalu menampilkan warna yang paling mewakili gambar tersebut.
Tambahkan gambar
Letakkan, tempel, atau pilih hingga 20 gambar berformat JPG, PNG, WebP, GIF, AVIF, atau SVG. Tangkapan layar yang ditempel juga bisa dipakai.
Warna dikelompokkan
Ekstraktor mengelompokkan piksel dalam OKLab, ruang warna yang dirancang sesuai persepsi warna manusia, lalu menggabungkan warna yang tampak sama.
Atur palet
Tetapkan 2 sampai 20 warna, pilih mode, lalu klik gambar untuk menambahkan piksel persis mana pun. Seret pin untuk memilih ulang warnanya.
Salin atau ekspor
Salin kode HEX, periksa kontras, atau ekspor palet ke CSS, Tailwind, Adobe, Procreate, GIMP, dan lainnya.
Apa yang ditampilkan ekstraktor untuk setiap warna?
Setiap warna hasil ekstraksi menampilkan tujuh kode warna, nama warna terdekat, porsinya dalam gambar, kontrasnya terhadap putih dan hitam, serta skala gradasi terang dan gelap 50 sampai 950.
| Kode | Contoh | Kegunaan |
|---|---|---|
| HEX | #2A9D8F | Desain web, CSS, dan sebagian besar aplikasi desain |
| RGB | rgb(42 157 143) | Layar, CSS, dan editor gambar |
| HSL | hsl(173 58% 39%) | Mengatur tingkat terang dan saturasi di CSS |
| HSB | hsb(173, 73%, 62%) | Pemilih warna di Photoshop, Figma, dan Procreate |
| OKLCH | oklch(63% 0.101 183) | Pengeditan warna perseptual di CSS modern |
| CIE Lab | lab(58.4 -35.2 -2.3) | Pengukuran perbedaan warna dan alur kerja cetak |
| CMYK | 73, 0, 9, 38 | Perkiraan cetak tanpa profil printer |
Mode ekstraksi mana yang cocok untuk gambar Anda?
Mode ekstraksi menentukan warna mana yang masuk ke palet ketika sebuah gambar memuat lebih banyak warna daripada ukuran palet.
| Mode | Yang dipilih | Paling cocok untuk |
|---|---|---|
| Seimbang (bawaan) | Area warna yang luas ditambah aksen yang khas, dinilai berdasarkan porsi piksel dan jarak dari warna yang sudah terpilih | Foto, ilustrasi, dan citra merek |
| Dominan | Warna yang menutupi piksel terbanyak | Mengukur warna yang memenuhi sebuah gambar |
| Mencolok | Skor Seimbang yang diberi bobot kroma, sehingga aksen yang jenuh mendapat peringkat lebih tinggi | Moodboard, foto produk, dan karya seni |
Pengaturan Piksel persis menghasilkan warna yang benar-benar ada di gambar. Pengaturan Rata-rata menghasilkan warna rerata dari setiap kelompok. Slider Gabungkan yang mirip menentukan seberapa dekat dua warna agar dihitung sebagai satu warna, diukur sebagai jarak ΔE_OK (0.03 secara bawaan).
Seberapa akurat warna hasil ekstraksi?
Warna hasil ekstraksi adalah nilai piksel yang persis: ekstraktor mengambil sampel piksel asli tanpa mencampurnya, sehingga setiap kode HEX dalam palet Piksel persis ada di gambar Anda.
- Pengelompokan perseptual. Warna dibandingkan dalam OKLab, tempat jarak yang sama terlihat sebagai perbedaan yang sama. Jarak RGB membesar-besarkan sebagian perbedaan warna dan mengecilkan sebagian lainnya.
- Hasil stabil. Pengelompokan memakai seed tetap, sehingga gambar dan pengaturan yang sama selalu menghasilkan palet yang sama.
- Proporsi sebenarnya. Setiap piksel ditetapkan ke warna palet terdekatnya, sehingga jumlah semua porsi mencapai 100%.
- Transparansi diperhitungkan. Piksel dengan opasitas di bawah 50% tidak dihitung, sehingga PNG transparan hanya menampilkan warna yang terlihat.
Panduan Cara kerja ekstraksi warna membandingkan metode ini dengan median cut, kuantisasi octree, dan k-means biasa.
Dari sumber apa saja Anda bisa mengekstrak warna?
Ekstraktor Palet Warna membaca empat jenis sumber, masing-masing dengan alat dan pengaturannya sendiri.
Gambar
Foto, ilustrasi, tangkapan layar, dan karya seni. Beberapa gambar menghasilkan satu palet gabungan dengan bobot yang sama untuk setiap gambar.
Logo
Ekstraktor Warna Logo menampilkan warna logo yang persis, menghapus latar belakang, dan mengabaikan piksel campuran di sepanjang tepi.
Situs web
Ekstraktor Warna Situs Web membaca CSS sebuah situs dan menampilkan warna merek, teks, latar belakang, dan garis tepinya dari URL.
Piksel tunggal
Pemilih Warna dari Gambar menampilkan kode HEX persis dari piksel mana pun yang Anda klik, dengan kaca pembesar untuk presisi.
Format ekspor apa saja yang bisa Anda unduh?
Ekstraktor mengekspor palet dalam 11 format, semuanya dibuat di browser Anda.
| Format | File | Dibuka di |
|---|---|---|
| Variabel CSS | .css | Stylesheet situs web apa pun |
| Tailwind v4 dan v3 | Blok @theme, tailwind.config.js | Proyek Tailwind CSS |
| SCSS | .scss | Proyek Sass |
| Design token | .tokens.json | Alat W3C Design Tokens dan plugin Figma |
| Adobe Swatch Exchange | .ase | Photoshop, Illustrator, dan InDesign |
| Procreate | .swatches | Procreate di iPad |
| Palet GIMP | .gpl | GIMP, Inkscape, dan Krita |
| SVG | .svg | Figma, Sketch, dan Illustrator |
| Kartu palet PNG | .png | Presentasi, moodboard, dan postingan media sosial |
| Daftar HEX | .txt | Aplikasi apa pun |
Format kode dapat menyertakan skala gradasi terang dan gelap 50 sampai 950 untuk setiap warna, yang dibuat dalam OKLCH di sekitar nilai hasil ekstraksi.
Siapa yang memakai ekstraktor palet warna?
Desainer
Ambil palet dari foto moodboard atau gambar referensi, lalu kirim ke Figma, aplikasi Adobe, atau Procreate sebagai swatch.
Developer
Ubah tangkapan layar desain menjadi variabel CSS atau tema Tailwind dengan skala gradasi terang dan gelap yang lengkap.
Pemilik bisnis
Temukan kode HEX persis dari logo atau foto produk agar situs web, toko online, dan postingan media sosial tetap konsisten.
Seniman dan ilustrator
Pelajari proporsi warna sebuah lukisan atau foto sebelum memulai karya baru.
Pemesan jasa cetak
Kumpulkan nilai layar yang persis dan perkiraan CMYK untuk memberi arahan kepada percetakan sebelum cetak coba.
Peninjau aksesibilitas
Periksa setiap pasangan warna dalam palet terhadap ambang batas WCAG 2. Panduan Kontras WCAG dalam palet menjelaskan aturannya.
Apakah gambar Anda diunggah?
Tidak. Gambar didekode dan dianalisis di dalam browser Anda, dan file tidak pernah sampai ke server. Situs ini tidak menyimpan gambar maupun palet.
Dua fitur menghubungi server: memuat gambar dari alamat web dan membaca kode situs web. Keduanya mengambil file publik untuk Anda dan tidak menyimpan salinannya. Kebijakan privasi mencantumkan setiap data yang ditangani situs ini.
FAQ ekstraktor palet warna
Apakah ekstraktor palet warna gratis?
Ya. Setiap fitur dan setiap format ekspor gratis, tanpa akun, watermark, atau batas penggunaan.
Berapa banyak warna dalam satu palet?
Satu palet berisi 2 sampai 20 warna, yang diatur dengan slider Warna. Palet bawaan berisi 6 warna.
Mengapa alat lain memberi warna yang berbeda?
Setiap alat berbeda dalam ruang warna, algoritma pengelompokan, pengambilan sampel, dan nilai swatch. Ekstraktor ini mengelompokkan warna dalam OKLab dan secara bawaan menghasilkan nilai piksel asli, sedangkan banyak alat lain merata-ratakan warna dalam RGB.
Bisakah saya mengekstrak satu palet dari beberapa gambar?
Ya. Tambahkan hingga 20 gambar, dan ekstraktor membuat satu palet gabungan dengan bobot yang sama untuk setiap gambar, ditambah palet kecil untuk masing-masing gambar.
Apakah ekstraktor berfungsi di ponsel?
Ya. Ekstraktor berjalan di browser seluler, menerima foto dari galeri kamera, dan memilih warna dengan sekali ketuk.
Format gambar apa saja yang didukung?
File JPG, PNG, WebP, GIF, AVIF, BMP, dan SVG berfungsi di semua browser terkini. Foto HEIC hanya terbuka di Safari, sehingga browser lain membutuhkan salinan JPG atau PNG.