Übersicht

Color Mix

Farbmischen verstehen: RGB, HSL und CSS color-mix()

Mischmodus

RGB mischt Kanäle linear — oft dunkler als erwartet (kein wahrnehmungslineares Mischen).

Farbe A

Farbe B

Anteil B50%

Ergebnis

HEX—

RGB—

CSS—

Mischverlauf A → B

Kurz erklärt

RGB: (1−t)·A + t·B pro Kanal. Einfach, aber oft „schlammig“.
HSL: mischt Hue (kürzester Winkel), Saturation und Lightness — oft lebendiger.
CSS color-mix(): Browser-Native, z. B. color-mix(in srgb, A, B 50%).