Kleurverhoudingsanalysator 60:30:10

Wat is de kleurverhoudingsanalysator 60:30:10?

De kleurverhoudingsanalysator 60:30:10 groepeert vergelijkbare kleuren in een geüploade afbeelding, zodat je ziet welke kleurfamilie de basis van het beeld vormt, welke als tussenlaag werkt en welke het focuspunt creëert. In plaats van alleen de drie grootste kleuren te kiezen, voegt hij nabije tinten samen tot één familie, zodat de uitlezing dichter bij de echte beeldindruk blijft.

De resultaten tonen een score voor de balans van 60% dominant, 30% secundair en 10% accent, plus welke familie het dichtst bij 60 komt, of het accent te zwak of te sterk is en of het zich op één plek concentreert of door het hele beeld verspreidt. Dat werkt goed voor presentaties, thumbnails, illustraties, web-UI en de analyse van visuele referenties.

Gebruik deze tool in deze situaties

• Analyse van animatiescènes — Wanneer je wilt begrijpen waarom een scène stabiel voelt en waar de focuskleur zijn werk doet
• Uitsplitsing van merk- of thumbnailreferenties — Wanneer je een referentiebeeld snel wilt opdelen in numerieke verhoudingen en kleurfamilies
• Controle van UI-mockups — Wanneer je wilt controleren of knopaccenten te breed uitwaaieren of dat dominant en secundair nog niet duidelijk genoeg gescheiden zijn
• Ontwerp van posters en banners — Wanneer je snel wilt zien of achtergrond, steunvlakken en accentpunten goed verdeeld zijn
• Studie van color scripts — Wanneer je de kleurmix en plaatsingsstructuur van een favoriet beeld in herbruikbare taal wilt vastleggen

Belangrijkste functies

• Automatische groepering van vergelijkbare tinten — Zelfs subtiele variaties worden in één kleurfamilie gegroepeerd, zodat het resultaat dichter bij je werkelijke waarneming blijft.
• 60:30:10-passingsscore — Laat met een score en een korte toelichting zien hoe dicht de echte beeldverhouding bij de ideale verdeling ligt.
• Kaarten voor dominant, secundair en accent — Elke kaart combineert een representatieve kleur, aandeel, kenmerken en een verbeterhint voor één rol.
• Heatmap van accentplaatsing — Laat in één oogopslag zien of de accentkleur op één plek geconcentreerd is of juist over het hele beeld verspreid ligt.
• Modus voor achtergrondreductie — Helpt de uitlezing te corrigeren wanneer een witte achtergrond of een ander groot neutraal vlak de dominante kleur vertekent.
• Weergave van HEX/RGB/HSL-codes — Laat je representatieve kleurcodes naar het gewenste formaat schakelen en direct kopiëren.

Zo gebruik je het

1. Afbeelding uploaden — Upload de scène, thumbnail, poster of UI-capture die je wilt analyseren.
2. Kies een analysemethode — 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. Bekijk de score en rollen — Begin met de passingsscore bovenaan en de verhoudingen van dominant, secundair en accent.
4. Bekijk de heatmap en inzichten — Lees waar de accentkleur samenkomt en of de gids aanraadt die te verminderen of juist te versterken.
5. Gebruik de codes in je workflow — Gebruik de HEX-, RGB- of HSL-waarden uit de rolkaarten en gegroepeerde families in je ontwerpwerk.

Hoe werkt de analyse?

Deze tool verkleint het beeld voor bemonstering, negeert transparante pixels, maakt kleurclusters en voegt daarna nabije tinten samen. Op basis van die representatieve kleurgroepen wijst hij dominante, secundaire en accentrollen toe en berekent hij hoeveel oppervlak elke groep inneemt.

De accentkleur wordt niet simpelweg als derde grootste kleur gekozen. In plaats daarvan geeft de tool voorrang aan groepen die weinig oppervlak innemen, maar wel genoeg verzadiging en contrast hebben om de blik te trekken. Daarna deelt hij het beeld op in een raster om te meten waar het accent verschijnt en of het focuspunt geconcentreerd of verspreid is.

Het resultaat is een interpretatiehulp, geen definitief ontwerpoordeel. Het begrijpt niet automatisch verhaal, licht, diepte of merkintentie, dus bekijk de uitkomst altijd samen met de context van het beeld.

Veelgestelde vragen