Penganalisis Warna & Gambar

Ekstrak warna dominan dan buat palet dari gambar apa pun, periksa histogram RGB dan luminans, pratinjau grayscale, serta periksa rasio kontras WCAG untuk pasangan warna yang aksesibel. Semua analisis berjalan secara lokal di browser Anda — tanpa unggahan.

Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.

Penganalisis warna dan gambar PixelVault mengekstrak palet, histogram, dan informasi kontras dari gambar apa pun, sepenuhnya di browser Anda. Tambahkan foto, ilustrasi, atau tangkapan layar dan langsung dapatkan warna dominannya sebagai kode hex yang dapat disalin, lengkap dengan proporsi yang ditempati setiap warna. Ini cara cepat untuk menarik palet dari gambar yang Anda sukai tanpa memasang apa pun atau mengunggah file Anda.

Dari warna dominan Anda dapat menghasilkan harmoni komplementer, analog, triadik, dan monokrom untuk membangun skema yang koheren, serta mengekspor seluruh palet sebagai HEX biasa, variabel CSS, variabel SCSS, JSON, atau konfigurasi Tailwind — siap ditempel langsung ke proyek Anda. Untuk analisis yang lebih dalam, histogram RGB dan luminans mengungkap eksposur dan keseimbangan tonal, pratinjau grayscale menunjukkan bagaimana gambar terbaca tanpa warna, dan pemeriksa kontras WCAG memberi tahu Anda apakah pasangan teks-dan-latar-belakang lolos AA dan AAA untuk aksesibilitas.

Cara kerjanya

PixelVault mengambil sampel gambar pada resolusi yang dikurangi dan mengelompokkan warna yang serupa untuk menemukan yang dominan, mengonversi antar-ruang warna untuk membangun harmoni, dan membaca nilai piksel untuk menghitung histogram. Rasio kontras menggunakan rumus luminans relatif WCAG 2.1. Semuanya berjalan pada piksel yang sudah dimuat di browser Anda.

Mengapa pemrosesan lokal penting

Menganalisis secara lokal menjaga gambar Anda — pekerjaan klien, desain yang belum dirilis, foto pribadi — tetap di luar jaringan. Tidak ada unggahan dan tidak ada server yang dapat menyimpan salinan, dan hasil bersifat instan karena piksel sudah ada di halaman.

Format yang didukung

  • JPG — Dianalisis secara langsung.
  • PNG — Transparansi dihormati saat mengambil sampel warna.
  • WebP — Didukung penuh.

Kasus penggunaan umum

  • Ekstrak palet warna dari foto atau referensi desain.
  • Hasilkan skema warna yang serasi untuk merek atau UI.
  • Periksa kontras teks-dan-latar-belakang untuk aksesibilitas.
  • Periksa eksposur dan tone dengan histogram RGB dan luminans.

Pertanyaan umum

Apakah gambar saya diunggah untuk dianalisis?
Tidak. Ekstraksi warna, histogram, dan pemeriksaan kontras semuanya berjalan secara lokal di browser Anda.
Informasi warna apa saja yang bisa saya dapatkan?
Warna dominan, palet yang dapat disalin dengan kode hex dan persentase proporsi, serta histogram RGB dan luminans lengkap.
Untuk apa pemeriksa kontras?
Alat ini mengukur rasio kontras WCAG 2.1 antara dua warna dan menunjukkan apakah keduanya lolos AA, AA Large, dan AAA untuk teks yang aksesibel.
Bisakah saya menyalin kode warna?
Bisa. Klik swatch mana pun untuk menyalin kode hex-nya, atau salin seluruh palet sekaligus.