– CSS: Cascading Style Sheets | MDN

normal

lopullinen väri on päällysväri riippumatta siitä, mikä pohjaväri on.
vaikutus on kuin kaksi läpinäkymätöntä paperinpalaa päällekkäin.

multiply

lopullinen väri saadaan kertomalla ylä-ja alavärit.
musta kerros johtaa mustaan loppukerrokseen ja valkoinen kerros ei muutu.
efekti on kuin kaksi läpinäkyvälle kalvolle päällekkäin painettua kuvaa.

screen

lopullinen väri syntyy, kun värit käännetään, ne kerrotaan ja kyseinen arvo käännetään.
musta kerros ei muuta mitään, ja valkoinen kerros johtaa valkoiseen loppukerrokseen.
efekti on kuin valkokankaalle loisti kaksi kuvaa.

overlay lopullinen väri saadaan tulokseksi multiply, jos pohjaväri on tummempi, tai screen, jos pohjaväri on vaaleampi.
tämä sekoitustila vastaa hard-light: ää, mutta kerrokset vaihtuvat. darken

lopullinen väri koostuu kunkin värikanavan tummimmista arvoista.

lighten

lopullinen väri muodostuu kunkin värikanavan vaaleimmista arvoista.

color-dodge

lopullinen väri saadaan jakamalla pohjaväri päällysvärin käänteisellä värillä.
Musta Etuala ei johda muutokseen. Taustan käänteisvärillä varustettu Etuala johtaa täysin valaistuun väriin.
tämä sekoitustila on samanlainen kuin screen, mutta etualalla ei tarvitse olla kuin taustan käänteisessä reunassa, jotta väri olisi täysin valaistu.

color-burn

lopullinen väri syntyy, kun pohjaväri käännetään, arvo jaetaan päällysvärillä ja kyseinen arvo käännetään.
valkoinen Etuala ei johda muutokseen. Taustan käänteisvärillä varustettu Etuala johtaa mustaan lopulliseen kuvaan.
tämä sekoitustila on samanlainen kuin multiply, mutta etualalla ei tarvitse olla muuta kuin taustan käänteispuoli, jotta lopullinen kuva olisi musta.

hard-light

lopullinen väri on seurausta multiply jos päällysväri on tummempi, tai screen jos päällysväri on vaaleampi.
tämä sekoitustila vastaa overlay: tä, mutta kerrokset vaihtuvat.
efekti muistuttaa Ankaran valokeilan loistamista taustalla.

soft-light

lopullinen väri on samanlainen kuin hard-light, mutta pehmeämpi.
tämä sekoitustila käyttäytyy samalla tavalla kuin hard-light.
efekti muistuttaa hajavalon loistamista taustalla.

difference

lopullinen väri saadaan vähentämällä kahdesta väristä tummempi vaaleammasta.
mustalla kerroksella ei ole vaikutusta, kun taas valkoinen kerros kääntää toisen kerroksen värin.

exclusion

lopullinen väri on samanlainen kuin difference, mutta vähemmän kontrastia.
kuten difference, mustalla kerroksella ei ole vaikutusta, kun taas valkoinen kerros kääntää toisen kerroksen värin.

hue

lopullisessa värissä on päällysvärin värisävy, kun taas pohjavärin kylläisyyttä ja luminositeettia käytetään.

saturation

lopullisessa värissä on päällysvärin kylläisyys, kun taas pohjavärin värisävyä ja luminositeettia käytetään.
puhdas harmaa tausta, jossa ei ole kylläisyyttä, ei vaikuta.

color

lopullisessa värissä on päällysvärin värisävy ja kylläisyys, kun taas pohjavärin luminositeetti.
efekti säilyttää harmaat tasot ja sitä voidaan käyttää värittämään etualaa.

luminosity

lopullisessa värissä on päällysvärin luminositeetti, kun taas pohjavärin värisävyä ja kylläisyyttä käytetään.
tämä sekoitustila vastaa color, mutta kerrokset vaihtuvat.

Vastaa

Sähköpostiosoitettasi ei julkaista.