Extrahera en bilds huvudfärger i HEX och RGB

Designers och varumärkesteam hämtar en bildpalett när en layout ska förbli trogen det ursprungliga motivet.

Extrahera en bilds huvudfärger i HEX och RGB. Dina uppgifter stannar lokalt medan resultatet är lätt att kontrollera och återanvända.

Så använder du

Ladda upp en PNG-, JPEG- eller WebP-bild för att extrahera färgerna som definierar den.
Ställ in antalet färger du vill ha, till exempel sex, beroende på vilken precision du behöver.
Kör analysen och samla HEX- och RGB-koderna som erbjuds för ditt projekt.
Kopiera de värden du behöver och testa dem i din layout innan du låser paletten.

Exempel

Ett varumärkesteam återanvänder ett stämningsfoto. De begär sex dominerande färger och använder sedan HEX-koderna för att bygga en palett som matchar originalbilden innan presentationen förbereds.

Gränser och format

Paletten beror på den angivna bilden och det begärda antalet färger; den ersätter inte en officiell varumärkesguide.
En mycket färgrik eller detaljerad bild kan ge närliggande nyanser som verkar repetitiva.
HEX- och RGB-koder beskriver digitala färger, inte tryckreferenser som Pantone.
Endast PNG-, JPEG- och WebP-filer stöds av analysen.
Verktyget tillhandahåller inte ett tryckt färgprov eller en matchning mot fysiska referenser.

Var bearbetningen sker

Färgextrahering sker i webbläsaren. Din bild finns kvar på din enhet och skickas inte till någon fjärrtjänst. Du kan därför analysera en privat layout eller bild utan att distribuera den. Ingenting sparas när du stänger sidan, så analysen förblir privat.

Vanliga frågor

Varför visas bara några få färger?

Det begärda antalet begränsar paletten som skapas. Om bilden innehåller många nära nyanser grupperar verktyget dem för att behålla de mest representativa. Öka antalet färger om du behöver fler nyanser. Denna gruppering håller resultatet fokuserat på de starkaste färgerna.

Är HEX-koderna redo för webben?

Ja, HEX-koder används vanligen i CSS och designprogram. Kontrollera ändå återgivningen på skärmen, eftersom uppfattningen ändras med ljusstyrka och med färgerna runt omkring. Granska alltid paletten i sitt sammanhang i stället för isolerat.

Kan jag använda den här paletten för tryck?

Den kan vara en utgångspunkt, men tryck använder ofta andra referenser som CMYK eller Pantone. Be en tryckare validera nyanserna om färgtrohet är viktigt för ditt projekt. Digitala och tryckta färger behöver ofta separat validering. Om trohet är viktigt, be om ett korrektur.

Verktyg i samma kategori

Nivåhistogram