Gids voor Palette Extractor

Extraheer dominante kleurenpaletten uit JPG, PNG, WebP, AVIF, GIF, BMP of TIFF afbeeldingen. Krijg HEX- en RGB-codes voor elke kleur. Elke extractie wordt lokaal in uw browser uitgevoerd — er worden geen bestanden naar een server geüpload.

Wat u nodig heeft

Browser — Chrome, Firefox, Safari of Edge met OffscreenCanvas-ondersteuning Formaten — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP of TIFF Limiet — 20 MB per bestand (elk bestand groter dan 20 MB wordt geweigerd) Account — Niet vereist Internet — Niet nodig nadat de pagina is geladen

Uw palet extraheren

Open de Palette Generator in uw browser. Sleep uw afbeeldingsbestand vanuit uw bestandsverkenner naar de uploadzone. U kunt ook op het uploadgebied klikken om het bestand vanaf uw apparaat te selecteren.

Controleer of het bestand onder de limiet van 20 MB blijft voordat u het uploadt — bestanden die deze drempel overschrijden, worden geweigerd. Kies hoeveel kleuren u wilt extraheren: 5, 8, 10 of 12. Minder kleuren zorgen voor schonere, bruikbaardere paletten.

Meer kleuren vangen subtiele variaties op, maar kunnen kleine verschillen bevatten die visueel niet erg onderscheidend zijn. Klik op de extractieknop. Het kwantisatie-algoritme verwerkt de pixelgegevens van de afbeelding in uw browser.

Het groepeert pixels op basis van kleurovereenkomst met behulp van k-means clustering en berekent de gemiddelde kleur voor elke groep. Er worden geen gegevens via het netwerk verzonden. Bekijk het geëxtraheerde palet.

Elke kleur wordt weergegeven als een visueel staal met de bijbehorende HEX-code en RGB-waarden. Klik op een kleurcode om deze naar uw klembord te kopiëren. Gebruik deze codes in uw ontwerp-, CSS- of printprojecten.

Hoe het werkt

De Palette Generator gebruikt een OffscreenCanvas-element en een kleurkwantisatie-algoritme om dominante kleuren te extraheren. Wanneer u een afbeelding uploadt, leest de browser deze rechtstreeks in het geheugen via de File API — er vindt geen server-upload plaats.

libvips maakt een offscreen canvas met behulp van OffscreenCanvas en tekent uw afbeelding op de oorspronkelijke resolutie met drawImage. Vervolgens leest het de pixelgegevens als een RGBA-array met getImageData, wat een Uint8ClampedArray retourneert met rood-, groen-, blauw- en alfawaarden voor elke pixel in de afbeelding. Voor een afbeelding van 1920x1080 levert dit ongeveer 8 miljoen individuele kleurwaarden op.

Het kwantisatie-algoritme groepeert pixels op basis van kleurovereenkomst met behulp van k-means clustering. Het initialiseert k clustercentra (waarbij k gelijk is aan de door u geselecteerde paletgrootte) en wijst vervolgens iteratief elke pixel toe aan het dichtstbijzijnde clustercentrum op basis van de Euclidische afstand in de RGB-ruimte. Na elke toewijzingsronde wordt elk clustercentrum opnieuw berekend als het wiskundig gemiddelde van alle pixels in dat cluster.

Dit proces herhaalt zich totdat de centra stabiliseren of een maximaal aantal iteraties is bereikt. Het resultaat is een set representatieve kleuren die de visuele identiteit van de afbeelding vastleggen.

Elke kleur wordt weergegeven als een visueel staal met de bijbehorende HEX-code en RGB-waarden. libvips bemonstert de exacte kleur van het zwaartepunt van elk cluster, zodat het weergegeven staal nauwkeurig het wiskundig gemiddelde van alle pixels in die groep vertegenwoordigt.

Bestanden worden volledig in uw browser verwerkt met behulp van OffscreenCanvas. Ze worden nooit geüpload naar de servers van ConvertCraft.

Wanneer er iets misgaat

De afbeelding kan niet worden geüpload: Uw afbeelding overschrijdt de limiet van 20 MB. Het OffscreenCanvas werkt binnen strikte geheugenlimieten. Het verwerken van afbeeldingen groter dan 20 MB vereist enorme ongecomprimeerde pixelbuffers in het RAM-geheugen, wat het browsertabblad kan laten crashen.

Het palet bevat vergelijkbare kleuren: De afbeelding heeft subtiele kleurvariaties die het algoritme als afzonderlijke clusters behandelt. Verklein de paletgrootte om minder, maar meer onderscheidende kleuren te krijgen.

De kleuren komen niet overeen met wat ik zie: Het algoritme extraheert wiskundige gemiddelden. Perceptuele verschillen tussen kleuren komen mogelijk niet overeen met de visuele waarneming. Probeer een andere paletgrootte of gebruik de pipet-tool op specifieke pixels.

Het palet bestaat grotendeels uit één kleur: Uw afbeelding wordt gedomineerd door een enkele kleur. Het algoritme geeft de kleurverdeling van de afbeelding getrouw weer. Probeer een andere afbeelding met meer kleurvariatie.

### Hoeveel kleuren kan ik extraheren?

De tool ondersteunt het extraheren van 5, 8, 10 of 12 kleuren. Minder kleuren zorgen voor schonere paletten. Meer kleuren vangen subtiele variaties op, maar kunnen kleine verschillen bevatten die visueel niet erg onderscheidend zijn.

### Kan ik kleuren uit een specifiek gebied extraheren?

De huidige versie analyseert de gehele afbeelding. Om kleuren uit een specifiek gebied te extraheren, snijdt u de afbeelding eerst bij met de Image Converter of een speciale bijsnij-tool en uploadt u vervolgens de bijgesneden versie.

### Is het veilig om kleuren uit privéfoto's te extraheren?

Ja. Bestanden worden volledig in uw browser verwerkt met behulp van OffscreenCanvas. Ze worden nooit geüpload naar de servers van ConvertCraft.

Uw afbeeldingsgegevens verlaten nooit uw computer, waardoor ze volledig beveiligd zijn tegen netwerkonderschepping of server-side logging.