Värisekoitin
Sekoita kaksi väriä missä tahansa suhteessa OKLabissa, OKLCH:ssa tai sRGB:ssä. Kopioi tulos tai valmis color-mix()-lauseke.
- HEX
- RGB
- OKLCH
CSS ja varavaihtoehto
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Askeleet ensimmäisestä toiseen
Sama sekoitus kaikissa väriavaruuksissa
sRGB muuttuu keskeltä harmaaksi ja tummaksi. OKLab pitää kirkkauden tasaisena. OKLCH ja HSL säilyttävät kylläisyyden, mutta kiertävät väriympyrää pitkin.
Kysymyksiä ja vastauksia
Mikä on CSS:n color-mix()?
color-mix() on CSS-funktio, joka sekoittaa kaksi väriä valitsemassasi väriavaruudessa, esimerkiksi color-mix(in oklab, #ff5733, #3b82f6 30%). Se toimii kaikissa nykyisissä selaimissa. Lisää vanhempia selaimia varten tavallinen väri sen edelle varavaihtoehdoksi, kuten yllä olevassa koodissa.
Missä väriavaruudessa kannattaa sekoittaa?
OKLab on turvallisin oletus: keskikohta säilyttää kirkkautensa eikä muutu sameaksi. OKLCH pitää värit kylläisinä, mutta kulkee lyhintä reittiä sävyympyrän ympäri, joten punaisen ja sinisen välissä on violettia ja pinkkiä. sRGB on vanhojen työkalujen tapa sekoittaa, ja sen keskikohta näyttää usein harmaalta ja tummalta.
Miksi valon sekoittaminen eroaa maalien sekoittamisesta?
Näytöt lisäävät valoa, joten tämä työkalu laskee valoarvojen keskiarvon: sinisestä ja keltaisesta tulee harmaa tai haalea väri, ei vihreä. Maali vähentää valoa, ja siksi sama sekoitus näyttää paperilla vihreältä. Jos haluat ennustaa maalien sekoittumista, käytä maalien sekoitusmallia näytön väriavaruuden sijaan.