– CSS: Cascading Style Sheets | MDN

normal

a cor final é a cor superior, independentemente de qual é a cor inferior.
o efeito é como dois pedaços opacos de papel sobrepostos.

multiply

a cor final é o resultado da multiplicação das cores superior e inferior.
uma camada preta leva a uma camada final preta, e uma camada branca leva a nenhuma mudança.
o efeito é como duas imagens impressas sobre a sobreposição de filmes transparentes.

screen

a cor final é o resultado de inverter as cores, multiplicando-as e invertendo esse valor.
uma camada preta não leva a nenhuma mudança, e uma camada branca leva a uma camada final branca.
o efeito é como duas imagens brilhando em uma tela de projeção.

overlay a cor final é o resultado de multiply se a cor inferior é mais escura, ou screen se a cor inferior é mais clara.
este modo de mistura é equivalente a hard-light mas com as camadas trocadas. darken

a cor final é composta pelos valores mais escuros de cada canal de cores.

lighten

a cor final é composta pelos valores mais leves de cada canal de cor.

color-dodge

a cor final é o resultado da divisão da cor inferior pelo inverso da cor superior.
um primeiro plano preto não leva a nenhuma alteração. Um primeiro plano com a cor inversa do fundo leva a uma cor totalmente iluminada.
este modo de mistura é semelhante a screen, mas o primeiro plano só precisa ser tão leve quanto o inverso do fundo para criar uma cor totalmente iluminada.

color-burn

a cor final é o resultado de inverter a cor inferior, dividindo o valor pela cor superior, e invertendo esse valor.
um primeiro plano branco não leva a nenhuma alteração. Um primeiro plano com a cor inversa do fundo leva a uma imagem final preta.
este modo de mistura é semelhante a multiply, mas o primeiro plano só precisa ser tão escuro quanto o inverso do fundo para fazer a imagem final Negra.

hard-light

a cor final é o resultado de multiply se a cor superior é mais escura, ou screen se a cor superior é mais clara.
este modo de mistura é equivalente a overlay mas com as camadas trocadas.
o efeito é semelhante a brilhar um foco duro sobre o pano de fundo.

soft-light

a cor final é semelhante a hard-light, mas mais suave.
este modo de mistura comporta-se de forma semelhante a hard-light.
o efeito é semelhante a brilhar um holofote difuso sobre o pano de fundo.

difference

a cor final é o resultado de subtrair a mais escura das duas cores da mais clara.
uma camada preta não tem efeito, enquanto uma camada branca inverte a cor da outra camada.

exclusion

a cor final é semelhante a difference, mas com menos contraste.
como com difference , uma camada preta não tem efeito, enquanto uma camada branca inverte a cor da outra camada.

hue

a cor final tem a tonalidade da cor superior, enquanto usa a saturação e luminosidade da cor inferior.

saturation

a cor final tem a saturação da cor superior, enquanto usa a tonalidade e luminosidade da cor inferior.
um fundo cinza puro, sem saturação, não terá efeito.

color

a cor final tem a tonalidade e saturação da cor superior, enquanto usa a luminosidade da cor inferior.
o efeito preserva os níveis de cinza e pode ser usado para colorir o primeiro plano.

luminosity

a cor final tem a luminosidade da cor superior, enquanto usa a matiz e saturação da cor inferior.
este modo de mistura é equivalente a color, mas com as camadas trocadas.

Deixe uma resposta

O seu endereço de email não será publicado.