– CSS: Cascading Style Sheets / MDN

normal

den endelige farve er den øverste farve, uanset hvad den nederste farve er.
effekten er som to uigennemsigtige stykker papir overlappende.

multiply

den endelige farve er resultatet af at multiplicere de øverste og nederste farver.
et sort lag fører til et sort sidste lag, og et hvidt lag fører til ingen ændring.
effekten er som to billeder trykt på gennemsigtig film overlappende.

screen

den endelige farve er resultatet af at invertere farverne, multiplicere dem og invertere denne værdi.
et sort lag fører til ingen ændring, og et hvidt lag fører til et hvidt slutlag.
effekten er som to billeder skinnede på en projektionsskærm.

overlay den endelige farve er resultatet af multiply hvis bundfarven er mørkere, eller screen hvis bundfarven er lysere.
denne blandingstilstand svarer til hard-light, men med lagene byttet. darken

den endelige farve er sammensat af de mørkeste værdier for hver farvekanal.

lighten

den endelige farve er sammensat af de letteste værdier for hver farvekanal.

color-dodge

den endelige farve er resultatet af at dividere bundfarven med den inverse af den øverste farve.
en sort forgrund fører til ingen ændring. En forgrund med den omvendte farve på baggrunden fører til en fuldt oplyst farve.
denne blandingstilstand ligner screen, men forgrunden behøver kun at være så lys som den inverse af baggrunden for at skabe en fuldt oplyst farve.

color-burn

den endelige farve er resultatet af at invertere bundfarven, dividere værdien med den øverste farve og invertere denne værdi.
en hvid forgrund fører til ingen ændring. En forgrund med den omvendte farve på baggrunden fører til et sort endeligt billede.
denne blandingstilstand ligner multiply, men forgrunden behøver kun at være så mørk som den omvendte af baggrunden for at gøre det endelige billede sort.

hard-light

den endelige farve er resultatet af multiply hvis den øverste farve er mørkere, eller screen hvis den øverste farve er lysere.
denne blandingstilstand svarer til overlay men med lagene byttet.
effekten svarer til at skinne et hårdt spotlight på baggrunden.

soft-light

den endelige farve svarer til hard-light, men blødere.
denne blandingstilstand opfører sig som hard-light.
effekten svarer til at skinne et diffust spotlight på baggrunden.

difference

den endelige farve er resultatet af at trække den mørkere af de to farver fra den lysere.
et sort lag har ingen effekt, mens et hvidt lag inverterer det andet lags farve.

exclusion

den endelige farve svarer til difference, men med mindre kontrast.
som med difference har et sort lag ingen virkning, mens et hvidt lag inverterer det andet lags farve.

hue

den endelige farve har farven på den øverste farve, mens du bruger mætningen og lysstyrken af bundfarven.

saturation

den endelige farve har mætningen af den øverste farve, mens du bruger farvetone og lysstyrke i bundfarven.
en ren grå baggrund, der ikke har nogen mætning, vil ikke have nogen effekt.

color

den endelige farve har farvetone og mætning af den øverste farve, mens du bruger lysstyrken i bundfarven.
effekten bevarer grå niveauer og kan bruges til at farve forgrunden.

luminosity

den endelige farve har lysstyrken af den øverste farve, mens du bruger farvetone og mætning af bundfarven.
denne blandingstilstand svarer til color, men med lagene byttet.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.