Färg- och bildanalysator

Extrahera dominerande färger och bygg paletter från valfri bild, granska RGB- och luminanshistogram, förhandsgranska gråskala och kontrollera WCAG-kontrastförhållanden för tillgängliga färgpar. All analys körs lokalt i din webbläsare — inga uppladdningar.

Integritet först: varje bild bearbetas lokalt i din webbläsare. Ingenting laddas upp, lagras eller överförs till någon server.

PixelVaults färg- och bildanalysator extraherar paletter, histogram och kontrastinformation från valfri bild, helt i din webbläsare. Släpp in ett foto, en illustration eller en skärmdump och få direkt dess dominerande färger som kopierbara hexkoder, komplett med den andel varje färg upptar. Det är ett snabbt sätt att dra en palett från en bild du älskar utan att installera något eller ladda upp din fil.

Från de dominerande färgerna kan du generera komplementära, analoga, triadiska och monokroma harmonier för att bygga ett sammanhängande schema, och exportera hela paletten som ren HEX, CSS-variabler, SCSS-variabler, JSON eller en Tailwind-konfiguration — redo att klistra in direkt i ditt projekt. För djupare analys avslöjar RGB- och luminanshistogrammen exponering och tonbalans, en gråskaleförhandsgranskning visar hur en bild läses utan färg, och WCAG-kontrastkontrollen talar om för dig om ett text-och-bakgrund-par klarar AA och AAA för tillgänglighet.

Så fungerar det

PixelVault samplar bilden i reducerad upplösning och grupperar liknande färger för att hitta de dominerande, konverterar mellan färgrymder för att bygga harmonier, och läser pixelvärden för att beräkna histogram. Kontrastförhållanden använder WCAG 2.1-formeln för relativ luminans. Allt körs på de pixlar som redan är inlästa i din webbläsare.

Därför är lokal bearbetning viktig

Att analysera lokalt håller dina bilder — kundarbete, ännu ej släppta designer, privata foton — borta från nätverket. Det finns ingen uppladdning och ingen server som skulle kunna behålla en kopia, och resultaten är omedelbara eftersom pixlarna redan finns på sidan.

Format som stöds

  • JPG — Analyseras direkt.
  • PNG — Transparens respekteras vid färgsampling.
  • WebP — Stöds fullt ut.

Vanliga användningsområden

  • Extrahera en färgpalett från ett foto eller en designreferens.
  • Generera matchande färgscheman för ett varumärke eller ett gränssnitt.
  • Kontrollera text-och-bakgrund-kontrast för tillgänglighet.
  • Inspektera exponering och ton med RGB- och luminanshistogram.

Vanliga frågor

Laddas min bild upp för analys?
Nej. Färgextraktion, histogram och kontrastkontroller körs allt lokalt i din webbläsare.
Vilken färginformation kan jag få?
Dominerande färger, en kopierbar palett med hexkoder och andelsprocent, samt fullständiga RGB- och luminanshistogram.
Vad är kontrastkontrollen till för?
Den mäter WCAG 2.1-kontrastförhållandet mellan två färger och visar om de klarar AA, AA Stor och AAA för tillgänglig text.
Kan jag kopiera färgkoderna?
Ja. Klicka på valfri färgruta för att kopiera dess hexkod, eller kopiera hela paletten på en gång.