Creative Technologies Lab | dokuWiki

Die subtraktive Farbmischung beschreibt die Farberzeugung durch das Entziehen (Subtrahieren) von Licht. Sie ist das zentrale Prinzip bei der Arbeit mit Pigmenten, Tinten, Druckfarben und transparenten Farbschichten.

Im Gegensatz zur additiven Mischung, bei der Lichtquellen addiert werden, basiert die subtraktive Mischung auf reflektiertem Licht: Ein Körper erscheint farbig, weil bestimmte Wellenlängen vom Material absorbiert und andere reflektiert werden.

Primärfarben der subtraktiven Mischung (CMY-Modell):

• Cyan
• Magenta
• Yellow

Sekundärfarben (durch Überlagerung):

• Cyan + Magenta = Blau
• Cyan + Yellow = Grün
• Magenta + Yellow = Rot
• Cyan + Magenta + Yellow = Schwarz (idealerweise, eher ein sehr dunkles braun)

Bei realen Materialien ergibt die vollständige Überlagerung meist ein dunkles Grau oder Braun, da Pigmente keine idealen Filter sind.

Diese Mischung wird im modernen Farbdruck (z. B. Inkjet, Offset) durch das CMYK-Modell ergänzt, wobei „K“ für den Schwarzkanal steht.

let cSlider, mSlider, ySlider, distanceSlider;

function setup() {
  createCanvas(600, 550);
  noStroke();

  distanceSlider = createSlider(0, 200, 100);
  distanceSlider.position(25, 20);
  distanceSlider.style("width", "550px");

  cSlider = createSlider(0, 100, 100);
  cSlider.position(20, height - 60);
  cSlider.style("width", "150px");

  mSlider = createSlider(0, 100, 100);
  mSlider.position(220, height - 60);
  mSlider.style("width", "150px");

  ySlider = createSlider(0, 100, 100);
  ySlider.position(420, height - 60);
  ySlider.style("width", "150px");
}

function draw() {
  background(255);

  let cPercent = cSlider.value();
  let mPercent = mSlider.value();
  let yPercent = ySlider.value();

  let c = map(cPercent, 0, 100, 255, 0);
  let m = map(mPercent, 0, 100, 255, 0);
  let y = map(yPercent, 0, 100, 255, 0);

  let d = 200 - distanceSlider.value();

  let radius = 200;
  let cx = width / 2;
  let cy = height / 2 - 30;

  let xC = cx;
  let yC = cy - d;

  let xM = cx - d * cos(PI / 6);
  let yM = cy + d * sin(PI / 6);

  let xY = cx + d * cos(PI / 6);
  let yY = cy + d * sin(PI / 6);

  blendMode(MULTIPLY);

  fill(c, 255, 255);
  ellipse(xC, yC, radius);

  fill(255, m, 255);
  ellipse(xM, yM, radius);

  fill(255, 255, y);
  ellipse(xY, yY, radius);

  blendMode(BLEND);

  fill(0);
  textSize(14);
  text("Überlagerung: " + distanceSlider.value() + " / 200", 20, 15);
  text("Cyan: " + cPercent + "%", 20, height - 10);
  text("Magenta: " + mPercent + "%", 220, height - 10);
  text("Yellow: " + yPercent + "%", 420, height - 10);
}