– CSS: Cascading Stylesheets | MDN

normal

Die endgültige Farbe ist die obere Farbe, unabhängig davon, was die untere Farbe ist.
Der Effekt ist wie die Überlappung zweier undurchsichtiger Papierstücke.

multiply

Die endgültige Farbe ist das Ergebnis der Multiplikation der oberen und unteren Farben.
Eine schwarze Ebene führt zu einer schwarzen letzten Ebene, und eine weiße Ebene führt zu keiner Änderung.
Die wirkung ist wie zwei bilder gedruckt auf transparent film überlappenden.

screen

Die endgültige Farbe ist das Ergebnis der Invertierung der Farben, ihrer Multiplikation und der Invertierung dieses Werts.
Eine schwarze Schicht führt zu keiner Änderung, und eine weiße Schicht führt zu einer weißen letzten Schicht.
Der Effekt ist wie zwei Bilder, die auf eine Projektionsfläche scheinen.

overlay Die endgültige Farbe ist das Ergebnis von multiply, wenn die untere Farbe dunkler ist, oder screen, wenn die untere Farbe heller ist.
Dieser Mischmodus entspricht hard-light, jedoch mit vertauschten Ebenen. darken

Die endgültige Farbe setzt sich aus den dunkelsten Werten jedes Farbkanals zusammen.

lighten

Die endgültige Farbe setzt sich aus den hellsten Werten jedes Farbkanals zusammen.

color-dodge

Die endgültige Farbe ist das Ergebnis der Division der unteren Farbe durch die Umkehrung der oberen Farbe.
Ein schwarzer Vordergrund führt zu keiner Veränderung. Ein Vordergrund mit der umgekehrten Farbe des Hintergrunds führt zu einer vollständig beleuchteten Farbe.
Dieser Mischmodus ähnelt screen, aber der Vordergrund muss nur so hell sein wie die Umkehrung des Hintergrunds, um eine vollständig beleuchtete Farbe zu erzeugen.

color-burn

Die endgültige Farbe ist das Ergebnis der Invertierung der unteren Farbe, der Division des Werts durch die obere Farbe und der Invertierung dieses Werts.
Ein weißer Vordergrund führt zu keiner Veränderung. Ein Vordergrund mit der umgekehrten Farbe des Hintergrunds führt zu einem schwarzen Endbild.
Dieser Mischmodus ähnelt multiply, aber der Vordergrund muss nur so dunkel sein wie die Umkehrung des Hintergrunds, um das endgültige Bild schwarz zu machen.

hard-light

Die endgültige Farbe ist das Ergebnis von multiply, wenn die obere Farbe dunkler ist, oder screen, wenn die obere Farbe heller ist.
Dieser Mischmodus entspricht overlay, jedoch mit vertauschten Ebenen.
Der Effekt ähnelt dem Leuchten eines harten Scheinwerfers auf den Hintergrund.

soft-light

Die endgültige Farbe ist ähnlich wie hard-light, aber weicher.
Dieser Mischmodus verhält sich ähnlich wie hard-light.
Der Effekt ähnelt dem Leuchten eines diffusen Scheinwerfers auf den Hintergrund.

difference

Die endgültige Farbe ist das Ergebnis der Subtraktion der dunkleren der beiden Farben von der helleren.
Eine schwarze Ebene hat keinen Effekt, während eine weiße Ebene die Farbe der anderen Ebene invertiert.

exclusion

Die endgültige Farbe ist ähnlich wie difference, jedoch mit weniger Kontrast.
Wie bei difference hat eine schwarze Ebene keine Wirkung, während eine weiße Ebene die Farbe der anderen Ebene invertiert.

hue

Die endgültige Farbe hat den Farbton der oberen Farbe, während die Sättigung und Leuchtkraft der unteren Farbe verwendet wird.

saturation

Die endgültige Farbe hat die Sättigung der oberen Farbe, während der Farbton und die Leuchtkraft der unteren Farbe verwendet werden.
Ein reiner grauer Hintergrund ohne Sättigung hat keine Wirkung.

color

Die endgültige Farbe hat den Farbton und die Sättigung der oberen Farbe, während die Leuchtkraft der unteren Farbe verwendet wird.
Der Effekt behält Graustufen bei und kann verwendet werden, um den Vordergrund einzufärben.

luminosity

Die endgültige Farbe hat die Leuchtkraft der oberen Farbe, während der Farbton und die Sättigung der unteren Farbe verwendet werden.
Dieser Mischmodus entspricht color, jedoch mit vertauschten Ebenen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.