Color Palette scant elk element op een webpagina en extraheert de volledige set gebruikte kleuren — van tekst en achtergronden tot randen, schaduwen en accenten. Kleuren worden als visuele stalen weergegeven, gesorteerd op frequentie (meest gebruikt eerst), elk met de HEX-waarde en gebruiksaantal. Klik op een willekeurige staal om te kopiëren of exporteer het hele palet als een lijst met kleurcodes.
Elke goed ontworpen website heeft een consistent kleurenpalet — meestal 3-8 primaire kleuren plus enkele neutrale kleuren. Color Palette extraheert dit palet automatisch door de berekende kleur, achtergrondkleur, randkleur en box-shadow-waarden van elk element te scannen. Het resultaat is een frequentie-gesorteerde verzameling van elke kleur op de pagina, waardoor u het volledige beeld van het kleurensysteem van de site krijgt. Dominante kleuren (de primaire merkkleur, achtergrondkleur, tekstkleur) verschijnen eerst met hoge gebruiksaantallen. Accentkleuren en eenmalige waarden verschijnen verder naar beneden. Dit is van onschatbare waarde voor ontwerponderzoek — bezoek elke website en extraheer het exacte kleurenpalet in seconden. Het is ook handig voor het controleren van uw eigen site: zijn er afwijkende kleuren die niet bij uw ontwerpsysteem horen? Gebruikt u 5 iets verschillende tinten grijs wanneer de ontwerpspecificatie slechts 3 definieert? Color Palette maakt het volledige kleurgebruik zichtbaar en telbaar.
Scant elk zichtbaar element op de pagina en extraheert kleuren van berekende eigenschappen: kleur, achtergrondkleur, randkleur, box-shadow kleur, schetskleur en tekstversieringkleur. Elke kleur die op de pagina wordt gebruikt, wordt vastgelegd.
Kleuren zijn gesorteerd op gebruiksaantal — de meest gebruikte kleur verschijnt eerst. Dominante merkkkleuren en achtergronden stijgen naar de bovenkant, terwijl eenmalige accentkleuren helemaal achteraan verschijnen. Zie onmiddellijk de primaire, secundaire en accentkleuren van de pagina.
Elke kleur wordt weergegeven als een grote visuele staal met de HEX-code en gebruiksaantal eronder. De stalen zijn groot genoeg om subtiele tintsverschillen te onderscheiden (zoals #333 versus #2a2a2a).
Klik op een willekeurige kleurstaal om de HEX-waarde onmiddellijk naar het klembord te kopiëren. U hoeft geen kleurpaneel of secundair dialoogvenster te openen — een klik, gekopieerd, klaar.
Klik op "Alles exporteren" om het volledige palet als een geformatteerde lijst met HEX-kleurcodes te kopiëren. Plak in een ontwerpergereedschap, CSS-variabelenbestand of kleurdocumentatie. De lijst behoudt de frequentiesorteer volgorde.
Kleuren worden genormaliseerd (rgb en hex-representaties van dezelfde kleur worden samengevoegd) en gededupliceerd. Het palet toont alleen unieke kleuren, met gecombineerde gebruiksaantallen voor dubbele representaties.
Bezoek websites met mooie kleurenschema's en extraheer het exacte palet. Gebruik de kleuren als startpunt voor uw eigen ontwerp — of documenteer eenvoudig welke kleurcombinaties goed samenwerken.
Voer Color Palette uit op uw eigen site om merkkleurkonsistentie te verifiëren. Zijn er 4 iets verschillende blauwtinten waar er maar 1 moet zijn? Sluipen kleuren buiten het merk in? De frequentiesortering maakt inconsistenties duidelijk.
Exporteer het palet en converteer het naar CSS custom properties (--color-primary, --color-secondary, enz.). De frequentie-gesorteerde uitvoer vertelt u welke kleuren primaire, secundaire en accentrollen verdienen.
Extraheer kleurpaletten van competitorwebsites om hun merkpositionering te begrijpen. Warme kleuren versus koude kleuren, hoog contrast versus gedempte kleuren — het palet onthult opzettelijke ontwerpselecties.
Zie alle tekstkleuren naast achtergrondkleuren. Zijn tekstachtergrondcombinaties te laag contrast? Het palet geeft u de volledige set kleuren om te controleren tegen WCAG-contrastvereisten.
Open het floating dock van DevSuite Pro en klik op het Color Palette-pictogram. Het gereedschap scant elk element op de pagina en extraheert alle kleurwaarden.
Er verschijnt een raster met kleurstalen, gesorteerd op gebruiksfrequentie. De meest gebruikte kleuren staan bovenaan. Elke staal toont de HEX-code en het aantal elementen dat die kleur gebruikt.
Klik op een willekeurige staal om de HEX-waarde naar het klembord te kopiëren. Er verschijnt een korte bevestiging.
Klik op "Alles exporteren" om elke kleur als een geformatteerde lijst te kopiëren. Plak in uw CSS-variabelenbestand, ontwerpergereedschap of documentatie.
Navigeer naar verschillende pagina's op dezelfde site en extraheer paletten om kleurconsistentie over de site heen te verifiëren.
Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.
