Duotone Generator
Pas een tweekleurig duotone-effect toe op een afbeelding in je browser en exporteer het resultaat als PNG, zonder iets naar een server te uploaden.
🔒 Draait volledig in uw browser — niets wordt geüploadMaak een tweekleurige beeldbewerking
Duotone is een klassieke grafische techniek die een foto terugbrengt tot twee dominante kleuren. In plaats van de oorspronkelijke tint van elke pixel te behouden, wordt de afbeelding omgezet naar tonale waarden en vervolgens gemapt tussen een schaduwkleur en een highlightkleur. Deze duotone generator voert dat proces direct uit op een HTML-canvas in je browser. Upload een afbeelding, kies de twee kleuren, bekijk het resultaat in een voorvertoning en download een PNG zonder het bestand naar een server te sturen.
Het effect is handig voor hero-afbeeldingen, redactionele graphics, artwork voor sociale media, albumachtige covers, productfeatureblokken en merkcampagnes waarin gewone foto's een eenheid moeten vormen. Een palet van marineblauw en crème kan serieus en warm overkomen, terwijl paars en cyaan energiek en digitaal aanvoelen. Omdat de mapping op helderheid is gebaseerd, geven foto's met een duidelijke structuur van licht en donker meestal de sterkste resultaten. Vlakke screenshots of afbeeldingen met weinig contrast moeten misschien eerst worden bewerkt voordat de duotone-behandeling echt indruk maakt.
Hoe de browser de afbeelding verwerkt
Nadat de afbeelding lokaal is gedecodeerd, leest het canvas elke pixel uit. Uit de rode, groene en blauwe kanalen wordt een luminantiewaarde berekend, die vervolgens een mengverhouding wordt tussen de twee gekozen kleuren. Donkere pixels blijven dicht bij de schaduwkleur, lichte pixels schuiven op naar de highlightkleur en middentonen lopen er tussenin over. Het alfakanaal blijft behouden, zodat transparante PNG-afbeeldingen ook in het geëxporteerde resultaat transparant blijven.
Betere duotone-kleuren kiezen
Sterke duotone-paletten combineren meestal een donkere kleur met een veel lichtere. Hebben beide kleuren een vergelijkbare helderheid, dan kan het eindresultaat modderig ogen doordat schaduwen en highlights samenvallen. Begin met een diepe merkkleur voor de schaduwen en een lichte accentkleur voor de highlights, en wissel de kleuren om als de sfeer omgekeerd aanvoelt. Test de gedownloade PNG na afloop in de definitieve lay-out met tekst en calls to action. Ook een mooie beeldbewerking heeft genoeg contrast nodig rond alle voorgrondinhoud die erbovenop wordt geplaatst.
Hoe te gebruiken
- Upload een afbeeldingSleep een afbeeldingsbestand hierheen of kies er een; het blijft in je browser.
- Kies twee kleurenKies de schaduw- en highlightkleur die het duotone-palet bepalen.
- Exporteer als PNGBekijk het resultaat op het canvas en download de bewerkte afbeelding.