– CSS: Cascading Style Sheets / MDN

normal

den slutliga färgen är toppfärgen, oavsett vad bottenfärgen är.
effekten är som två ogenomskinliga pappersbitar överlappande.

multiply

den slutliga färgen är resultatet av att multiplicera topp-och bottenfärgerna.
ett svart lager leder till ett svart slutlager, och ett vitt lager leder till ingen förändring.
effekten är som två bilder tryckta på transparent film överlappande.

screen

den slutliga färgen är resultatet av att invertera färgerna, multiplicera dem och invertera det värdet.
ett svart lager leder till ingen förändring, och ett vitt lager leder till ett vitt slutlager.
effekten är som två bilder lyste på en projektionsskärm.

overlay den slutliga färgen är resultatet av multiply om bottenfärgen är mörkare eller screen om bottenfärgen är ljusare.
detta blandningsläge motsvarar hard-light men med lagren bytte. darken

den slutliga färgen består av de mörkaste värdena för varje färgkanal.

lighten

den slutliga färgen består av de ljusaste värdena för varje färgkanal.

color-dodge

den slutliga färgen är resultatet av att dividera bottenfärgen med inversen av toppfärgen.
en svart förgrund leder till ingen förändring. En förgrund med den inversa färgen på bakgrunden leder till en helt upplyst färg.
detta blandningsläge liknar screen, men förgrunden behöver bara vara lika ljus som baksidan av bakgrunden för att skapa en helt upplyst färg.

color-burn

den slutliga färgen är resultatet av att invertera bottenfärgen, dividera värdet med toppfärgen och invertera det värdet.
en vit förgrund leder inte till någon förändring. En förgrund med den inversa färgen på bakgrunden leder till en svart slutlig bild.
detta blandningsläge liknar multiply, men förgrunden behöver bara vara så mörk som baksidan av bakgrunden för att göra den slutliga bilden svart.

hard-light

den slutliga färgen är resultatet av multiply om toppfärgen är mörkare eller screen om toppfärgen är ljusare.
detta blandningsläge motsvarar overlay men med lagren bytte.
effekten liknar att lysa en hård strålkastare på bakgrunden.

soft-light

den slutliga färgen liknar hard-light, men mjukare.
detta blandningsläge beter sig på samma sätt som hard-light.
effekten liknar att lysa en diffus strålkastare på bakgrunden.

difference

den slutliga färgen är resultatet av att subtrahera den mörkare av de två färgerna från den ljusare.
ett svart lager har ingen effekt, medan ett vitt lager inverterar det andra lagrets färg.

exclusion

den slutliga färgen liknar difference, men med mindre kontrast.
som med difference har ett svart lager ingen effekt, medan ett vitt lager inverterar det andra lagrets färg.

hue

den slutliga färgen har nyans av toppfärgen, medan du använder mättnad och ljusstyrka i bottenfärgen.

saturation

den slutliga färgen har mättnaden av toppfärgen, medan du använder nyans och ljusstyrka i bottenfärgen.
en ren grå bakgrund, som inte har någon mättnad, har ingen effekt.

color

den slutliga färgen har nyans och mättnad av toppfärgen, medan du använder ljusstyrkan i bottenfärgen.
effekten bevarar grånivåer och kan användas för att färga förgrunden.

luminosity

den slutliga färgen har ljusstyrkan i toppfärgen, medan du använder nyans och mättnad i bottenfärgen.
detta blandningsläge motsvarar color, men med lagren bytte.

Lämna ett svar

Din e-postadress kommer inte publiceras.