Lewati ke konten utama
ImageColorPix

Analisis Warna Gambar

Unggah gambar apa pun untuk rincian premium: warna dominan dengan cakupan, warna rata-rata, kecerahan, saturasi, suhu, kontras, mood, harmoni dan warna pendamping siap desainer. Bukan sekadar swatch. Sistem warna lengkap dari satu foto.

tropical-beach.jpg

Warna Dominan

Warna Rata-rata

#A7B2B8

Kecerahan

72%

Saturasi

31%

Suhu

Dingin

Hangat / Dingin / Netral berdasarkan keseimbangan merah-biru

Kontras

Sedang

Rentang luminansi di seluruh piksel

Suasana Warna

Tenang / Lembut / Dingin

Dari saturasi + suhu + kecerahan

Harmoni warna (dari primer)

Warna yang paling cocok

klik untuk menyalin

Apa itu analisis warna gambar?

Melampaui warna dominan

Alat dasar berhenti di 5 swatch. Analisis ini juga mengukur gambar secara keseluruhan: rata-rata RGB mean, % kecerahan yang dirasakan, % saturasi, suhu hangat/dingin berdasar keseimbangan merah-biru, kontras rentang luminance, dan label mood manusiawi (Soft/Bold, Warm/Cool, Airy/Moody/Calm).

Dari warna dominan primer diturunkan harmoni analog, komplementer dan triadik, plus peran produksi (Primary, Secondary, Accent, Dark, Light) sehingga Anda pergi dengan sistem siap pakai, bukan sekadar swatch.

Cara menggunakan

01

Unggah

Klik ikon gambar, seret dan letakkan, tempel atau muat via URL. Foto pantai default langsung dimuat.

02

Baca laporan

Strip dominan dengan bilah cakupan, chip rata-rata, meter kecerahan/saturasi, suhu, kontras dan mood.

03

Kirim sistemnya

Klik swatch, harmoni atau peran mana pun untuk menyalin. Salin laporan atau unduh TXT untuk handoff.

Contoh nyata

Ekstraksi brand dari logo

Unggah logo atau tangkapan layar: dominan teratas dengan cakupan %-nya menjadi Primary, dua berikutnya Secondary dan Accent, dan yang tergelap dan terang menjadi netral Dark dan Light untuk design system v1.

Mood foto untuk kampanye

Saturasi di bawah 35 terbaca Soft, di atas 65 Bold. kecerahan di atas 70 Airy, di bawah 35 Moody. Periksa trio plus suhu sebelum peluncuran untuk memastikan hero terasa seperti brief.

Theming UI dari inspirasi

Gunakan peran Dark/Light untuk permukaan dan teks, Accent untuk CTA, dan harmoni untuk status hover, semua dari satu foto.

Konsistensi konten dan sosial

Jaga feed tetap kohesif: cocokkan sampul baru ke hue dominan dan tint warna rata-rata sebagai latar placeholder.

QA fotografi

Rentang luminance di bawah 0.25 terbaca kontras Low (pudar). di atas 0.5 terbaca High. Bilah cakupan mengungkap dominansi latar, seperti 60%+ langit di foto pantai.

Awal aksesibilitas

Pasangkan peran Dark dan Light, lalu verifikasi pasangan tepat itu mencapai 4.5:1 di pemeriksa kontras sebelum rilis.

Pertanyaan yang sering diajukan

1Apa bedanya dengan generator palet?
Palet memberi swatch. Analyzer menambah warna rata-rata, % kecerahan/saturasi, suhu, rentang kontras, mood, harmoni dan peran produksi (Primary/Secondary/Accent/Dark/Light) dengan cakupan.
2Bagaimana warna dominan dan % dihitung?
Mesin bersama yang sama: ~12k piksel sampel, kuantisasi 6-bit, urut frekuensi, gabung jarak 0.08. Bilah cakupan menunjukkan porsi relatif 5 teratas.
3Apa arti kecerahan, saturasi, suhu?
Kecerahan adalah luminance rata-rata yang dirasakan. saturasi adalah colorful rata-rata. suhu menghitung piksel hangat (red>blue) vs dingin. Kontras adalah rentang luminance (Low/Medium/High).
4Apa yang dihitung kontras tinggi vs rendah di sini?
Kontras adalah rentang luminance di semua piksel sampel: di bawah 0.25 terbaca Low, 0.25 sampai 0.5 Medium, di atas 0.5 High. Ini menjelaskan sebaran tonal di dalam foto, bukan keterbacaan teks WCAG. Pasangkan peran Dark dan Light lalu periksa pasangan itu terpisah di pemeriksa kontras.
5Apa beda suhu dengan white balance di fotografi?
Ini dibuat lebih sederhana dengan sengaja: tiap piksel sampel memilih hangat saat merah jelas melebihi biru dan dingin saat biru melebihi merah, dan mayoritas menang (seri terbaca Neutral). Ini memberi tahu kecenderungan umum foto, bukan nilai Kelvin, jadi gunakan untuk arah mood bukan koreksi warna.
6Bisakah saya menganalisis logo atau tangkapan layar, bukan hanya foto?
Ya. Apa pun yang bisa Anda unggah, tempel, atau muat via URL bisa: logo, tangkapan layar UI, poster. Grafis datar memberi hasil lebih bersih daripada foto karena area solid besar mendominasi hitungan frekuensi, sehingga warna brand muncul dengan cakupan tinggi.
7Apakah gambar saya diunggah?
Tidak. Gratis, tanpa daftar, privat by design.