Bildens dominerande färg
Hitta den dominerande färgen i valfri bild och en palett med dess vanligaste färger. Verktyget grupperar varje synlig pixel i 4096 färghinkar, anger den största hinken som den dominerande färgen, listar upp till 12 palettfärger med deras andel av bilden och lägger till den övergripande genomsnittsfärgen, alla som hex, RGB och HSL. Perfekt för designers, temabyggare och utvecklare som behöver platshållar- eller accentfärger.
Vanliga frågor
Hur hittar man den dominerande färgen?
Varje pixel placeras i en av 4096 hinkar, med 16 nivåer för var och en av röd, grön och blå. Hinken med flest pixlar vinner, och dess färg är genomsnittet av pixlarna i den, så en vit bakgrund anges som rent vit i stället för ett avrundat värde.
Vad är paletten?
Paletten listar de vanligaste hinkarna efter den dominerande, upp till det antal färger du väljer från 1 till 12, med 5 som standard. Varje post visar sina hex-, RGB- och HSL-värden samt andelen synliga pixlar som den täcker.
Hur skiljer sig genomsnittsfärgen?
Genomsnittsfärgen är medelvärdet av alla synliga pixlar. Ett foto med blå himmel över ett rött fält får en dominerande blå eller röd färg, men genomsnittet blir en grumlig blandning av båda. Genomsnittsfärgen fungerar bra för suddiga platshållare, medan den dominerande färgen passar för accenter.
Hur hanteras transparenta pixlar?
Pixlar som är mer än hälften transparenta ignoreras, så en logotyp på transparent bakgrund visar logotypens färger i stället för svart. Resultatet anger hur stor andel av bilden som var transparent. En bild utan synliga pixlar visar ett meddelande i stället för en färg.
Vilka format kan jag analysera?
Bilder i JPEG, PNG, GIF, WebP, TIFF och AVIF upp till 5 MB stöds. Animerade filer i GIF och WebP mäts utifrån sin första bildruta, och CMYK-bilder konverteras till sRGB innan pixlarna räknas.
Förminskas stora bilder först?
Bilder som är större än 4000 pixlar på någon sida skalas ned så att de ryms inom 4000 pixlar innan pixlarna räknas. Det påverkar andelarna som mest med mycket små mängder. Mindre bilder räknas pixel för pixel.
Varför visas liknande nyanser som separata färger?
Hinkarna är 16 nivåer breda, så två nyanser på var sin sida om en hinkgräns räknas separat. Därför visar gradienter och foton ofta närliggande nyanser i paletten. Öka palettens storlek för att se fler.
Kan jag använda färgerna i CSS?
Ja. Varje färg anges som en hexkod, till exempel #3366cc, som rgb()-värden och som hsl()-värden med nyansen i grader och mättnaden och ljusheten i procent, redo att klistra in i CSS, designverktyg eller temainställningar.
Vad kan jag använda den dominerande färgen till?
Vanliga användningsområden är bakgrundsplatshållare medan bilder laddas, accentfärger för kort och sidhuvuden som matchar en omslagsbild, färgbaserad sortering av produktfoton och kontroll av att varumärkesbilder håller sig till färgpaletten. Det strukturerade resultatet gör också värdena enkla att återanvända i skript och teman.
Blir resultatet detsamma varje gång?
Ja. Räkningen är deterministisk, så samma fil ger alltid samma dominerande färg, palett och andelar. Om två hinkar har exakt lika många pixlar följer ordningen mellan dem den ordning som deras färger först förekommer i.