Färgfördelningsanalys 60:30:10

Vad är färgfördelningsanalys 60:30:10?

Färgfördelningsanalys 60:30:10 grupperar liknande färger i en uppladdad bild så att du ser vilken färgfamilj som bygger bildens bas, vilken som fungerar som mellanlager och vilken som skapar fokuspunkt. I stället för att bara välja de tre största färgerna slår verktyget ihop närliggande nyanser till en familj så att avläsningen ligger närmare hur bilden faktiskt känns.

Resultatet visar ett passningsvärde för balansen 60% dominerande, 30% sekundär och 10% accent, plus vilken familj som ligger närmast 60, om accenten är för svag eller för stark och om den samlas i ett område eller sprids över hela bilden. Det fungerar bra för presentationer, thumbnails, illustrationer, webbgränssnitt och analys av visuella referenser.

Använd verktyget i de här lägena

• Analys av animationsscener — När du vill förstå varför en scen känns stabil och var fokusfärgen gör sitt jobb
• Nedbrytning av varumärkes- eller thumbnailreferenser — När du snabbt vill bryta ner en referensbild i numeriska proportioner och färgfamiljer
• Granskning av UI-mockuper — När du behöver kontrollera om en knappaccent sprids för mycket eller om dominerande och sekundära färger fortfarande ligger för nära varandra
• Design av affischer och banners — När du snabbt vill bedöma om bakgrund, stödområden och accentpunkter är rätt fördelade
• Studie av color scripts — När du vill beskriva färgblandning och placeringsmönster i en favoritbild med ett språk som går att återanvända

Nyckelfunktioner

• Automatisk gruppering av liknande nyanser — Även subtila variationer samlas i en och samma färgfamilj så att resultatet ligger närmare det ögat faktiskt uppfattar.
• Passningsvärde för 60:30:10 — Visar med poäng och kort förklaring hur nära bildens verkliga fördelning ligger den ideala uppdelningen.
• Kort för dominerande, sekundär och accent — Varje kort samlar en representativ färg, andel, egenskaper och ett förbättringstips för en viss roll.
• Heatmap för accentplacering — Låter dig direkt se om accentfärgen är koncentrerad till en plats eller utspridd över hela bilden.
• Läge för bakgrundsreducering — Hjälper till att korrigera avläsningen när en vit bakgrund eller en annan stor neutral yta annars skulle dra den dominerande färgen snett.
• Visning av HEX/RGB/HSL-koder — Låter dig växla den representativa färgkoden till önskat format och kopiera den direkt.

Så använder du det

1. Ladda upp bild — Ladda upp scenen, thumbnailen, affischen eller UI-fångsten som du vill analysera.
2. Välj analysläge — If the image has a large white or black background, it is usually best to keep the default Reduce Background Influence mode turned on.
3. Granska poängen och rollerna — Börja med poängen högst upp och proportionerna för dominerande, sekundär och accent.
4. Titta på heatmap och insikter — Se var accentfärgen samlas och om guiden föreslår att du minskar eller förstärker den.
5. Använd koderna i ditt arbetsflöde — Använd HEX-, RGB- eller HSL-värdena från rollkorten och de grupperade familjerna i ditt designarbete.

Hur fungerar analysen?

Verktyget skalar först ner bilden för provtagning, ignorerar transparenta pixlar, skapar färgkluster och slår sedan ihop närliggande nyanser. Utifrån dessa representativa färggrupper tilldelar det rollerna dominerande, sekundär och accent och beräknar hur stor yta varje grupp täcker.

Accentfärgen väljs inte bara som den tredje största färgen. I stället prioriterar verktyget grupper som täcker en mindre yta men har tillräcklig mättnad och kontrast för att dra blicken. Därefter delas bilden upp i ett rutnät för att mäta var accenten syns och om fokuspunkten är koncentrerad eller utspridd.

Resultatet är ett tolkningsstöd, inte ett slutligt designomdöme. Verktyget förstår inte automatiskt berättelse, ljus, djup eller varumärkesavsikt, så du bör alltid läsa utfallet tillsammans med bildens kontext.

Vanliga frågor