Ga naar hoofdinhoud
BVDART Logo
← Alle gidsenDithering & paletten

Kleurquantisatie

Kleurquantisatie vervangt veel bronkleuren door een kleiner palet. Paletkeuze en toewijzing bepalen welke details en relaties behouden blijven.

Scheid een affiche in enkele inkten

DUNE · de originele prentklik · pijltjestoetsen

Begin met vier gekozen drukinkten: papier, den, salie en terracotta. Kies een pixel om de toewijzing te bekijken; bewerk daarna een inkt of extraheer een nieuwe paletgrootte.

Elke pixel kiest een vertegenwoordiger4 paletkleuren
Beeld toegewezen aan het bewerkbare palet
Bewerk een vertegenwoordiger

Eén kleurstaal veranderen kan veel toewijzingsgrenzen tegelijk verplaatsen. Er wordt geen ruimtelijke dithering toegepast, zodat de paletbeslissing zichtbaar blijft.

Dichtstbij in gecodeerd RGB · 239, 146, 60
165.9
210.4
117.8
36.6 ←
Gekozen vertegenwoordiger4 · #e07137
Kanaal-RMSE (0–255)18.16

Dichtstbij betekent hier de kleinste Euclidische RGB-afstand. Dit demonstreert toewijzing en beweert niet dat RGB-afstand perceptueel uniform is of dat de browser een geïndexeerd bestand exporteert.

Verander één posterinkt bij een vaste monsterpixel; kleurtoewijzingen en afstanden veranderen samen. Gebruik een regelaar om het over te nemen.

Wat je kunt proberen
  1. Bekijk de zonsondergang, het lichte papier of de donkere letters en vergelijk afstanden tot het bewerkbare inktpalet.
  2. Bewerk een paletkleur en verklein daarna het geëxtraheerde palet.
Open in het Lab ↗

Waar je op kunt letten: De dichtstbijzijnde RGB-vertegenwoordiger wint. Eén veranderde kleur kan veel pixels opnieuw toewijzen; aantallen en kanaalfout meten die verandering.

Zo werkt het

Median-cut verdeelt een kleurpopulatie herhaaldelijk in vakken en kiest vertegenwoordigers. Populariteit kiest veelvoorkomende kleuren. Een uniform palet bemonstert een regelmatig kleurrooster. Elke methode bewaart een ander aspect van de bron.

Daarna krijgt elke pixel een vertegenwoordiger. Foutdiffusie verdeelt de afwijking naar latere pixels en verruilt vlakke banden voor textuur. Posterisatie verlaagt niveaus per kanaal en kiest geen totaalpalet voor het hele beeld.

Gebruik het in het Lab

Gebruik Geïndexeerd palet voor een beperkt beeldpalet en Posteriseren voor vaste kanaalniveaus. Beoordeel kleine accenten naast gemiddelde gelijkenis. Een kleurcorrectie vóór quantisatie kan belangrijke waarden benadrukken.

Grenzen & verschillen

De gerenderde laag blijft RGBA, ook met een beperkt palet. De PNG-export wordt niet gegarandeerd met geïndexeerde PNG-codering opgeslagen.

Verdieping

De palette verkleinen

[ LOADING VIS ]
Before/after indexed palette conversion

Kleurkwantisatie reduceert een full‑color afbeelding (tot 16.777.216 kleuren) naar een kleine palette — meestal 2 tot 256 kleuren. De uitdaging is om te bepalen welke kleuren je behoudt en hoe je elke oorspronkelijke kleur toewijst aan de dichtstbijzijnde palette‑kleur.

Algoritmen

[ LOADING VIS ]
Error distribution with dithering tradeoff

Kwantisatiemethoden

Median-cut: splitst de kleurruimte herhaaldelijk langs de langste as. Snel en levert goede resultaten. K-means: verfijnt clustercentra iteratief. Langzamer maar nauwkeuriger. Octree: gebruikt een boomdatastructuur. Geheugenefficiënt, geschikt voor real‑time. Neu-quant: neurale‑netwerkbenadering. Beste kwaliteit, maar het langzaamst.

median-cut.ts
// Median-cut quantization (simplified)
function medianCut(colors: RGB[], depth: number): RGB[] {
  if (depth === 0) return [average(colors)];
  const axis = longestAxis(colors); // R, G, or B
  colors.sort((a, b) => a[axis] - b[axis]);
  const mid = Math.floor(colors.length / 2);
  return [
    ...medianCut(colors.slice(0, mid), depth - 1),
    ...medianCut(colors.slice(mid), depth - 1),
  ];
}
typescript

De esthetische kracht van beperking

[ LOADING VIS ]
Intentional palette constraints as a stylistic choice

Gecombineerd met dithering, wordt kwantisatie een krachtig esthetisch hulpmiddel. Het beperkte palet zorgt voor een herkenbare retrolook — die doet denken aan de CGA-, EGA- en Game Boy-tijdperken — terwijl dithering de illusie van vloeiende gradients herstelt. De spanning tussen beperkte middelen en rijke resultaten is essentieel voor de BVDART-esthetiek.

Voor de beste resultaten kun je beter kwantiseren in een perceptueel uniforme kleurruimte zoals OKLCH dan in RGB. Zo zijn de gekozen paletkleuren maximaal onderscheidbaar voor het menselijk oog.

Artikelen

Verwante kunstwerken

Verwante Lab-categorieën

Bronnen & naslag

Gids bijgewerkt