PixelVaults farge- og bildeanalysator trekker ut paletter, histogrammer og kontrastinformasjon fra ethvert bilde, helt i nettleseren din. Legg til et bilde, en illustrasjon eller et skjermbilde, og du får umiddelbart de dominerende fargene som kopierbare hex-koder, komplett med andelen hver farge opptar. Det er en rask måte å trekke en palett ut av et bilde du liker, uten å installere noe eller laste opp filen din.
Fra de dominerende fargene kan du generere komplementære, analoge, triadiske og monokrome harmonier for å bygge et sammenhengende skjema, og du kan eksportere hele paletten som ren HEX, CSS-variabler, SCSS-variabler, JSON eller en Tailwind-konfigurasjon — klar til å lime rett inn i prosjektet ditt. For dypere analyse avslører RGB- og luminanshistogrammer eksponering og tonebalanse, en gråtoneforhåndsvisning viser hvordan et bilde leses uten farge, og WCAG-kontrastkontrollen forteller deg om et par av tekst og bakgrunn består AA og AAA for tilgjengelighet.
Slik fungerer det
PixelVault sampler bildet i redusert oppløsning og grupperer lignende farger for å finne de dominerende, konverterer mellom fargerom for å bygge harmonier og leser pikselverdier for å beregne histogrammer. Kontrastforhold bruker WCAG 2.1-formelen for relativ luminans. Alt kjører på pikslene som allerede er lastet inn i nettleseren din.
Hvorfor lokal behandling er viktig
Lokal analyse holder bildene dine — kundearbeid, uutgitte design, private bilder — utenfor nettverket. Det er ingen opplasting og ingen server som kunne beholde en kopi, og resultatene er umiddelbare fordi pikslene allerede er på siden.
Støttede formater
- JPG — Analysert direkte.
- PNG — Gjennomsiktighet respekteres ved fargesampling.
- WebP — Full støtte.
Vanlige bruksområder
- Trekk ut en fargepalett fra et bilde eller en designreferanse.
- Generer matchende fargeskjemaer for en merkevare eller et grensesnitt.
- Sjekk kontrasten mellom tekst og bakgrunn for tilgjengelighet.
- Inspiser eksponering og tone med RGB- og luminanshistogrammer.