Ekstraktor Palet Warna
Ekstrak skema warna dominan dan palet merek dari foto atau grafik apa pun secara online. Sesuaikan ukuran grup, audit rasio kontras aksesibilitas, salin variabel CSS kustom atau konfigurasi Tailwind, dan unduh aset palet seketika. Cepat, 100 % lokal, dan gratis.
Select or Drop Your Image
Supports JPEG, PNG, WebP, SVG, AVIF, GIF, BMP, ICO.
Upload an image file to extract colors and view statistics.
Mengapa menggunakan ekstraktor palet warna kami?
- Kuantisasi K-Means: mengelompokkan ribuan piksel gambar secara matematis ke dalam koordinat warna tiga dimensi, mengisolasi grup warna paling dominan dengan presisi tinggi.
- Pemeriksaan aksesibilitas WCAG: menghitung rasio luminansi relatif terhadap overlay putih dan hitam, memeriksa skor keterbacaan untuk kepatuhan AA dan AAA.
- Generator kode tema: seketika menghasilkan properti CSS kustom, variabel Sass, konfigurasi Tailwind, dan skema JSON untuk memudahkan penataan gaya proyek Anda.
- Privasi 100 % sisi klien: seluruh analisis gambar dan pengelompokan vektor terjadi secara lokal di browser Anda. Tidak ada file yang diunggah ke server mana pun.
Ekstraksi palet warna dominan
Ekstraktor palet warna adalah utilitas desain interaktif yang berjalan sepenuhnya di sisi klien. Alat ini menganalisis gambar Anda untuk mengisolasi warna dominan dan aksen, memungkinkan pengembang, desainer, dan penanggung jawab merek mengubah karya visual menjadi tema merek terstruktur, skema warna yang serasi, dan panduan desain digital seketika.
Eksekusi lokal 100 % aman: foto kreatif dan aset merek Anda tetap sepenuhnya rahasia. Analisis piksel, rendering canvas, pengelompokan warna, dan penataan gaya kode berjalan 100 % lokal di browser Anda. Tidak ada file media yang pernah dikirim ke server eksternal, sehingga menawarkan alur kerja cepat dan aman yang memenuhi standar perusahaan.
Algoritma kuantisasi K-Means
Untuk mencapai presisi dan kecepatan tinggi, alat ini menskalakan gambar yang dimuat ke kanvas 100x100 piksel. Mesin menggabungkan vektor warna RGB dan menjalankan algoritma pengelompokan K-Means dalam ruang Euclidean tiga dimensi. Centroid diiterasi hingga konvergen, mendefinisikan vektor warna dominan yang secara matematis paling sentral yang mewakili gambar.
Representasi warna dalam beberapa format
Ekstraktor mencantumkan setiap warna dominan dengan label heksadesimal HEX, koordinat desimal RGB (merah, hijau, biru), dan nilai silindris HSL (hue, saturasi, luminansi). Pengguna dapat memilih secara interaktif kartu warna mana pun dari palet yang diekstrak untuk meninjau, menerjemahkan, dan menyalin format ini seketika.
Pemeriksa aksesibilitas kontras WCAG 2.1: evaluasi keterbacaan sebelum merancang antarmuka. Alat ini menghitung luminansi relatif setiap warna yang diekstrak dan menjalankan audit kontras WCAG 2.1. Alat ini menentukan apakah teks putih atau hitam akan memenuhi pedoman kontras (skor AA dan AAA), menunjukkan warna mana yang aksesibel sebagai latar aksen.
Generator variabel CSS, Tailwind, dan Sass
Percepat mockup frontend dengan mengubah palet warna Anda menjadi kode. Utilitas ini menghasilkan variabel CSS `:root` siap tempel, tema konfigurasi Tailwind CSS, variabel lembar gaya Sass/SCSS, dan objek JSON standar. Ini menjembatani aset visual kreatif dengan penataan gaya frontend siap produksi.
Pertanyaan yang Sering Diajukan
Ekstraktor palet warna adalah utilitas online yang menganalisis piksel gambar yang diunggah untuk mengidentifikasi warna dominan dan aksennya. Dengan mengelompokkan nilai warna yang mirip, alat ini membuat palet harmonis yang mewakili keseluruhan nuansa visual gambar, yang kemudian dapat diekspor ke sistem desain.
Algoritma K-means mengelompokkan piksel gambar menjadi kluster warna yang berbeda. Algoritma ini memposisikan setiap nilai RGB piksel pada koordinat dalam ruang tiga dimensi, memilih titik pusat awal, lalu mengelompokkan piksel berdasarkan kedekatannya. Titik pusat (centroid) diiterasi hingga merepresentasikan warna yang secara matematis dominan pada gambar.
Tidak, privasi Anda sepenuhnya terjaga. Seluruh proses ekstraksi warna berjalan secara lokal di memori browser Anda menggunakan API HTML5 Canvas dan JavaScript sisi klien. Gambar Anda tidak pernah diunggah ke server jarak jauh atau layanan pihak ketiga mana pun, sehingga Anda dapat memproses aset merek rahasia dengan aman.
Alat ini mendukung semua format gambar standar yang dapat dirender browser modern: JPEG, JPG, PNG, WebP, SVG, AVIF, GIF, BMP, dan ICO. Mesin canvas mengekstrak vektor piksel dari file gambar yang valid mana pun dan menghitung grup warna dominan dalam hitungan milidetik.
Alat ini otomatis memformat warna yang diekstrak sebagai variabel kode siap produksi. Anda dapat menyalin dan menempelkan properti CSS kustom (variabel :root), blok konfigurasi Tailwind CSS, variabel Sass, atau array JSON terstruktur langsung ke file proyek Anda, mempercepat alur kerja penataan gaya Anda.
Pemeriksa kontras mengaudit aksesibilitas warna yang Anda ekstrak. Alat ini menghitung luminansi relatif dan membandingkannya dengan teks putih dan hitam sesuai spesifikasi WCAG 2.1. Alat ini memberikan penilaian cepat (Gagal, AA, AAA) yang menunjukkan warna mana yang aman untuk ditempati teks yang mudah dibaca.
Bisa. Selain menyalin potongan kode, Anda dapat mengunduh palet kustom Anda dalam beberapa format: file metadata JSON terstruktur, lembar gaya CSS yang bersih, atau lembar contoh vektor SVG yang menarik dengan kartu warna, nama, dan spesifikasi kode untuk presentasi desain Anda.