# Mešalnik barv

Zmešajte dve barvi v izbranem barvnem prostoru in v poljubnem razmerju, tako kot to počne CSS color-mix(). Vnesite dve barvi v poljubnem formatu CSS, nastavite delež druge barve od 0 do 100 odstotkov ter izberite OKLab, OKLCH, Lab, LCH, sRGB, linear sRGB, Display P3, HSL, HWB ali XYZ. Rezultat vključuje HEX, RGB, HSL in OKLCH ter pripravljen izraz color-mix() za vašo slogovno datoteko.

## Pogosta vprašanja

### Kako deluje količina?

Količina je delež barve 2 v mešanici. 0 % vrne barvo 1, 100 % vrne barvo 2, 50 % pa je na polovici med njima v izbranem prostoru. To ustreza color-mix(in space, color1 (100 - p)%, color2 p%).

### Kateri barvni prostor naj izberem?

Privzeti OKLab je zaznavno enakomeren in preprečuje motne ali temne srednje odtenke. sRGB meša kanale, kodirane z gama, kot starejši brskalniki in Sass, zato so mešanice nasičenih barv temnejše in manj žive. Lab je starejši zaznavni prostor CIE, ki se obnaša podobno kot OKLab, vendar so modri odtenki manj enakomerni.

### Kaj počnejo prostori, ki temeljijo na barvnem odtenku?

OKLCH, LCH, HSL in HWB interpolirajo barvni odtenek po krajši poti na barvnem krogu, kar je privzeto pri CSS, zato srednja barva ohrani nasičenost in je lahko bolj živa od obeh vhodnih barv. Če je ena barva nevtralna siva brez barvnega odtenka, se uporabi barvni odtenek druge barve.

### Čemu služita linear sRGB in XYZ?

Oba linearno mešata jakosti svetlobe, kot prekrivajoči se svetlobni snopi, zato je srednja barva svetlejša kot pri sRGB. Uporabna sta za fizično utemeljene učinke in za posnemanje videza zamegljenih ali zmešanih slikovnih pik.

### Kako se obravnava prosojnost?

Tako kot CSS color-mix() mešalnik interpolira s predmnoženo alfo, zato prosojna barva mešanice ne vleče proti črni. Alfa se interpolira v enakem razmerju ter je prikazana v 8-mestni šestnajstiški kodi in za poševnico v funkcijah CSS.

### Katere vhodne formate lahko uporabim?

Šestnajstiške kode z znakom # ali brez njega, CSS imena barv, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() prostori, kot je display-p3, in cmyk(), v poljubni kombinaciji. Vsaka barva je lahko dolga največ 100 znakov.

### Kaj se zgodi, ko je rezultat zunaj sRGB?

Mešanje v prostorih Display P3, OKLCH ali LCH lahko ustvari barve, ki jih sRGB ne more prikazati. HEX, RGB in HSL se nato z algoritmom CSS Color 4 preslikajo v sRGB, rezultat pa dobi opombo, medtem ko vrednost OKLCH ohrani nepreslikano barvo.

### Kako uporabim izraz color-mix()?

Prilepite ga v katero koli lastnost CSS, ki sprejema barvo. Vhodne barve določa s šestnajstiškimi kodami ali z oklch() pri barvah širokega barvnega razpona, zato brskalnik znova izračuna enako mešanico. color-mix() deluje v vseh aktualnih različicah brskalnikov Chrome, Edge, Firefox in Safari.

### Kako natančen je rezultat?

Količina je izražena kot celo število odstotkov, mešanica pa se izračuna z najvišjo natančnostjo s knjižnico culori. Kanali RGB se zaokrožijo na cela števila, odstotki HSL na dve decimalni mesti, svetlost in kroma OKLCH pa na štiri, zato se lahko brskalniki razlikujejo za eno enoto na zadnjem mestu.

### Kako dobim več korakov med dvema barvama?

Zaženite mešalnik z različnimi količinami, na primer 25 %, 50 % in 75 %. Za celotno lestvico proti beli, črni ali sivi uporabite generatorje odtenkov, senčil in tonov, ki ustvarijo vse korake v eni tabeli.

Vaš oglas tukaj?

[Pišite nam](mailto:hi@dennn.is?subject=Ogla%C5%A1evanje%20na%20OneClick%20Pro)

[Oglas Zbirka vtičnikov, pripravljena za agente, za WordPress.](https://sleekwp.com/?ref=oneclickpro)