Ang color at image analyzer ng PixelVault ay kumukuha ng mga palette, histogram, at contrast information mula sa anumang larawan, nang buo sa iyong browser. Magdagdag ng litrato, ilustrasyon, o screenshot, at agad kang makakakuha ng mga nangingibabaw na kulay bilang mga nakokopyang hex code, kumpleto sa proporsyong sinasakop ng bawat kulay. Isa itong mabilis na paraan para kumuha ng palette mula sa isang larawang gusto mo nang hindi nag-i-install ng anuman o nag-a-upload ng iyong file.
Mula sa mga nangingibabaw na kulay, maaari kang bumuo ng complementary, analogous, triadic, at monochrome na harmony para makagawa ng magkakaugnay na scheme, at maaari mong i-export ang buong palette bilang simpleng HEX, CSS variable, SCSS variable, JSON, o isang Tailwind config — handang i-paste direkta sa iyong proyekto. Para sa mas malalim na pagsusuri, ipinapakita ng RGB at luminance histogram ang exposure at tonal balance, ipinapakita ng grayscale preview kung paano nababasa ang isang larawan nang walang kulay, at sinasabi sa iyo ng WCAG contrast checker kung ang isang pares ng teksto at background ay pumapasa sa AA at AAA para sa accessibility.
Paano ito gumagana
Sina-sample ng PixelVault ang larawan sa nabawasang resolution at pinag-gu-grupo ang mga magkatulad na kulay para mahanap ang mga nangingibabaw, nagko-convert sa pagitan ng mga color space para bumuo ng harmony, at bumabasa ng mga pixel value para mag-compute ng mga histogram. Gumagamit ang mga contrast ratio ng formula ng WCAG 2.1 relative luminance. Lahat ay tumatakbo sa mga pixel na naka-load na sa iyong browser.
Bakit mahalaga ang lokal na pagproseso
Ang lokal na pagsusuri ay pinapanatili ang iyong mga larawan — mga client work, hindi pa nailalabas na disenyo, pribadong litrato — sa labas ng network. Walang pag-upload at walang server na maaaring magtago ng kopya, at ang mga resulta ay agaran dahil ang mga pixel ay nasa pahina na.
Mga suportadong format
- JPG — Direktang sinusuri.
- PNG — Iginagalang ang transparency sa color sampling.
- WebP — Buong suporta.
Mga karaniwang gamit
- Kumuha ng color palette mula sa isang litrato o design reference.
- Bumuo ng magkakatugmang color scheme para sa isang tatak o interface.
- Suriin ang contrast sa pagitan ng teksto at background para sa accessibility.
- Suriin ang exposure at tono gamit ang RGB at luminance histogram.