– CSS: Cascading Style Sheets / MDN

normal

de uiteindelijke kleur is de bovenste kleur, ongeacht wat de onderste kleur is.
het effect is als twee ondoorzichtige stukken papier die elkaar overlappen.

multiply

de uiteindelijke kleur is het resultaat van het vermenigvuldigen van de bovenste en onderste kleuren.
een zwarte laag leidt tot een zwarte laatste laag, en een witte laag leidt tot geen verandering.
het effect is als twee afbeeldingen afgedrukt op overlappende transparante film.

screen

de uiteindelijke kleur is het resultaat van het inverteren van de kleuren, het vermenigvuldigen ervan en het inverteren van die waarde.
een zwarte laag leidt tot geen verandering, en een witte laag leidt tot een witte laatste laag.
het effect is als twee beelden die op een projectiescherm schijnen.

overlay de uiteindelijke kleur is het resultaat van multiply als de onderste kleur donkerder is, of screen als de onderste kleur lichter is.
deze mengmodus is gelijk aan hard-light maar de lagen zijn verwisseld. darken

de uiteindelijke kleur bestaat uit de donkerste waarden van elk kleurkanaal.

lighten

de uiteindelijke kleur bestaat uit de lichtste waarden van elk kleurkanaal.

color-dodge

de uiteindelijke kleur is het resultaat van het delen van de onderste kleur door de inverse van de bovenste kleur.
een zwarte voorgrond leidt niet tot verandering. Een voorgrond met de omgekeerde kleur van de achtergrond leidt tot een volledig verlichte kleur.
deze mengmodus is gelijk aan screen, maar de voorgrondkleur hoeft alleen maar zo licht te zijn als de inverse van de achtergrond om een volledig verlichte kleur te maken.

color-burn

de uiteindelijke kleur is het resultaat van het inverteren van de onderste kleur, het delen van de waarde door de bovenste kleur, en het inverteren van die waarde.
een witte voorgrond leidt niet tot verandering. Een voorgrond met de inverse kleur van de achtergrond leidt tot een zwarte uiteindelijke afbeelding.
deze mengmodus is gelijk aan multiply, maar de voorgrond hoeft alleen maar zo donker te zijn als de inverse van de achtergrond om de uiteindelijke afbeelding zwart te maken.

hard-light

de uiteindelijke kleur is het resultaat van multiply als de bovenste kleur donkerder is, of screen als de bovenste kleur lichter is.
deze mengmodus is gelijk aan overlay maar de lagen zijn verwisseld.
het effect is vergelijkbaar met een harde schijnwerper op de achtergrond.

soft-light

de uiteindelijke kleur is gelijk aan hard-light, maar zachter.
deze mengmodus gedraagt zich als hard-light.
het effect is vergelijkbaar met een diffuus schijnwerper op de achtergrond.

difference

de uiteindelijke kleur is het resultaat van het aftrekken van de donkerdere van de twee kleuren van de lichtere.
een zwarte laag heeft geen effect, terwijl een witte laag de kleur van de andere laag omdraait.

exclusion

de uiteindelijke kleur is gelijk aan difference, maar met minder contrast.
net als bij difference heeft een zwarte laag geen effect, terwijl een witte laag de kleur van de andere laag omdraait.

hue

de uiteindelijke kleur heeft de tint van de bovenste kleur, terwijl de verzadiging en helderheid van de onderste kleur worden gebruikt.

saturation

de uiteindelijke kleur heeft de verzadiging van de bovenste kleur, terwijl de tint en helderheid van de onderste kleur worden gebruikt.
een zuiver grijze achtergrond zonder verzadiging heeft geen effect.

color

de uiteindelijke kleur heeft de tint en verzadiging van de bovenste kleur, terwijl de helderheid van de onderste kleur wordt gebruikt.
het effect behoudt grijswaarden en kan worden gebruikt om de voorgrond in te kleuren.

luminosity

de uiteindelijke kleur heeft de helderheid van de bovenste kleur, terwijl de tint en verzadiging van de onderste kleur worden gebruikt.
deze mengmodus is gelijk aan color, maar de lagen zijn verwisseld.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.