CDRN

De dominante kleuren van een afbeelding extraheren

  • Dashboard
  • Documentatie
  • API
haalt de dominante kleuren uit een afbeelding en stelt een harmonieus, kant-en-klaar palet samen (HEX, RGB, HSL). Ideaal om een huisstijl af te leiden of inspiratie op te doen uit een foto

Waarom een kleurpalettenextractietool gebruiken?

Het extraheren van een kleurpalet uit een foto is essentieel voor ontwerpers en ontwikkelaars. Deze tool vereenvoudigt het proces door snel en nauwkeurig de dominante kleuren van een afbeelding te extraheren en vergelijkbare kleuren te groeperen, wat het creëren van harmonieuze kleurpaletten voor uw projecten vergemakkelijkt.

Kenmerken van de kleurpalettenextractietool

Met deze kleurpalettenextractietool kunt u een foto uploaden en de dominante kleuren van de afbeelding extraheren. Het gebruikt een clustering-algoritme om vergelijkbare kleuren te groeperen, waardoor u direct een harmonieus kleurpalet voor uw ontwerp- en ontwikkelingsprojecten krijgt.

Hoe u de kleurpalettenextractietool gebruikt

Om de kleurpalettenextractietool te gebruiken, volgt u deze eenvoudige stappen:

  1. Upload een foto met het daarvoor bestemde formulier.
  2. Klik op de knop "Extraheren". De tool analyseert de afbeelding en toont het geëxtraheerde kleurpalet, waarbij vergelijkbare kleuren worden gegroepeerd.

Voorbeeld van gebruik van de kleurpalettenextractietool

Hier is een voorbeeld van een kleurpalet dat is geëxtraheerd uit een foto:

#cececc

#262123

#daad90

#229fbd

Veelgestelde vragen

Welke afbeeldingsformaten worden geaccepteerd?

De extractor accepteert klassieke bitmapafbeeldingen van het web: JPG, JPEG, PNG, GIF en WebP. Vectorafbeeldingen (SVG) zijn niet relevant voor deze verwerking, aangezien ze hun kleuren al in de code beschrijven. Voor een SVG-bestand opent u het in een teksteditor en leest u direct de HEX-waarden die aanwezig zijn in de attributen fill en stroke.

Wat is de maximale afbeeldingsgrootte die wordt geaccepteerd?

Bestanden tot ongeveer 10 MB passen zonder moeite. Daarboven blijft de verwerking mogelijk maar vertraagt aanzienlijk. Om de extractie van een foto met zeer hoge resolutie te versnellen, vergroot of verklein deze tot ongeveer 1500 px breed: het dominante palet blijft identiek, de analyse is veel sneller.

Wat is het verschil tussen een palettenextractor en een color picker?

Een color picker geeft de kleur terug van een precieze pixel die met de muis is aangewezen. De palettenextractor analyseert de hele afbeelding, groepeert visueel nabije pixels door clustering en geeft vervolgens de n dominante kleuren terug. De picker is handig om een detail aan te wijzen, de extractor om de algemene chromatische sfeer van een foto te begrijpen.

Hoe groepeert het algoritme de kleuren?

De tool gebruikt een k-means-achtige clustering in de RGB-ruimte: elke pixel wordt benaderd door het dichtstbijzijnde klassemiddelpunt, vervolgens worden de middelpunten bij elke iteratie opnieuw berekend tot stabilisatie. Het resultaat is een lijst van representatieve kleuren, uitgedrukt in HEX, die de afbeelding samenvatten zonder ruis.

Wordt mijn afbeelding op de server opgeslagen?

De afbeelding wordt naar de server verzonden gedurende de tijd van de pixel-voor-pixel-analyse en vervolgens onmiddellijk vernietigd na de extractie van het palet. Er wordt geen bestand op schijf bewaard. De EXIF-metagegevens (geolocatie, cameramodel) worden niet gebruikt en verdwijnen met het originele bestand.

Waar dient een geëxtraheerd palet concreet voor?

De toepassingen zijn talrijk: een grafische huisstijl baseren op een productfoto, een webshop herkleuren om de sfeer van een hero-visual te matchen, een dark-thema voeden vanuit een kunstwerk, of design tokens genereren in een CSS-, SASS- of Tailwind-bestand. Het verkregen palet kan vervolgens worden verfijnd in de palettengenerator of geconverteerd met de kleurconverter.

Voorbeeldverzoek

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Invoerschema

Veld Type Vereist Standaard
image file ✓ –
number integer ✓ –

deze tool verwacht een bestand - gebruik Content-Type multipart/form-data in plaats van application/json

Endpoints

  • GET https://cdrn.fr/api/v1/tools - toont alle beschikbare tools
  • GET https://cdrn.fr/api/v1/tools/color-extractor - geeft het schema van deze tool terug
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - voert deze tool uit met een JSON-payload