← Kembali ke Ciri
Free

Pengekstrak Warna Imej

Pengekstrak Warna Imej menganalisis mana-mana fail imej (jatuhkan, tampal, atau klik untuk muat) dan memaparkan sehingga 16 warna dominan berserta berat peratusan. Menggunakan pensampelan piksel dan pengkuantuman baldi terus dalam pelayar — tiada muat naik, tiada perjalanan pergi-balik ke pelayan. Klik mana-mana swatch untuk salin kod heksnya, atau Salin Semua untuk keseluruhan palet.

Pereka dan pembangun sentiasa perlu mengekstrak warna daripada imej — menarik warna jenama daripada logo, membina palet daripada foto, atau memadankan UI dengan artwork rujukan. Pengekstrak Warna Imej melakukan ini terus dalam pelayar tanpa muat naik. Jatuhkan, tampal, atau klik untuk memuat imej (PNG, JPG, SVG, WebP, GIF). Alat ini melukis versi resolusi rendah pada kanvas, mengambil sampel setiap piksel ke-4, mengumpulkannya ke dalam ruang warna yang dikurangkan (5-bit setiap saluran, ~32K baldi), mengambil purata RGB sebenar setiap baldi, kemudian memilih N-baldi teratas paling ramai sambil menggabungkan yang hampir sama (dalam jarak Manhattan 24 dalam RGB). Hasilnya ialah palet yang bersih dan mewakili komposisi visual sebenar — bukan sekadar warna yang paling tepat padanan piksel. Penggelangsar kiraan (3–16) membolehkan anda menetapkan saiz palet mengikut keperluan. Setiap swatch memaparkan nilai heks dan peratusan piksel; klik untuk salin secara individu, atau Salin Semua untuk mendapatkan semuanya sekali gus.

Pratonton Langsung
example.com
Ekstrak Warna Imej 8 warna diekstrak
1920 × 1080
40000 pixels sampled
Warna
8
Ekstrak Semula Salin Semua
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Ciri-ciri Utama

Pengekstrakan Palet Segera

Memuatkan sebarang format imej lazim dan menghasilkan palet warna dominan dalam kurang daripada sesaat, walaupun untuk imej besar.

Berat Warna Yang Tepat

Setiap warna yang diekstrak memaparkan peratusan kawasan imejnya — ketahui warna mana yang dominan dan mana yang sekadar aksen sekali imbas.

Saiz Palet Boleh Laras

Penggelangsar untuk memilih 3–16 warna. Palet kecil untuk kerja jenama; palet lebih besar untuk rujukan fotografi.

Salin Satu Klik

Klik mana-mana swatch untuk salin kod heksnya. Atau gunakan Salin Semua untuk mendapatkan seluruh palet sebagai senarai dipisahkan baris baharu untuk kegunaan pukal.

Berjalan Sepenuhnya Dalam Pelayar

Tiada muat naik, tiada panggilan pelayan, tiada imej meninggalkan mesin anda. Selamat untuk mock-up peribadi, aset belum dilancarkan, atau artwork sensitif.

Menyokong Semua Format Imej

PNG, JPG, SVG, WebP, GIF, ICO — semuanya disokong melalui penyahkodan kanvas standard. Piksel lutsinar dilangkau secara automatik.

Kes Penggunaan Biasa

Pengekstrakan Warna Jenama

Jatuhkan imej logo, ekstrak warna sebenar yang digunakan, dan salin ke dalam pemboleh ubah CSS kit jenama atau sistem reka bentuk anda.

Penjanaan Palet Fotografi

Suapkan foto landskap kepada alat ini untuk mendapatkan palet 5 warna yang menangkap suasananya — berguna untuk arahan seni atau pembinaan tema.

Pemadanan UI

Ambil tangkapan skrin UI rujukan, ekstrak paletnya, dan gunakan warna tersebut dalam mock-up anda sendiri untuk memadankan nuansa visual.

Analisis Aset Klien

Apabila klien menghantar satu imej sebagai arahan penjenamaan, ekstrak 8-10 warna untuk mencadangkan palet permulaan yang setia kepada rujukan tersebut.

Mencipta Gradien Daripada Imej

Dapatkan dua warna paling dominan daripada imej untuk membina gradien latar belakang yang melengkapi aset latar depan.

Cara Guna
1

Buka Pengekstrak Warna Imej

Klik ikon Image Colors dalam dok DevSuite Pro. Panel akan dibuka dengan zon jatuhan dan tetapan.

2

Muatkan Imej

Seret fail masuk, tampal daripada papan keratan (Ctrl+V), atau klik untuk buka pemilih fail. Alat ini memuat dan mengambil sampel piksel secara automatik.

3

Laraskan Kiraan Warna

Gunakan penggelangsar untuk memilih berapa banyak warna yang hendak diekstrak (3–16). Palet diekstrak semula serta-merta semasa anda menyeret.

4

Semak Palet

Setiap swatch memaparkan kod heks dan peratusan kawasan imej. Cari warna dominan — ia akan mempunyai peratusan tertinggi.

5

Salin Warna

Klik mana-mana swatch untuk salin kod heksnya, atau gunakan Salin Semua untuk mendapatkan seluruh palet sebagai senarai untuk digunakan dalam alat reka bentuk atau CSS anda.

Sedia untuk Mencuba?

Pasang DevSuite Pro secara percuma dan buka 64+ alat pembangun untuk pelayar anda.

Tambah ke Chrome Tambah ke Edge Tambah ke FireFox