# Värvisegaja

Sega kaks värvi valitud värviruumis soovitud vahekorras, nii nagu teeb CSS color-mix(). Sisesta kaks värvi suvalises CSS vormingus, määra teise värvi osakaal vahemikus 0 kuni 100 protsenti ja vali OKLab, OKLCH, Lab, LCH, sRGB, lineaarne sRGB, Display P3, HSL, HWB või XYZ. Tulemuseks saad HEX-, RGB-, HSL- ja OKLCH-väärtused ning valmis color-mix() avaldise stiililehele.

## Korduma kippuvad küsimused

### Kuidas osakaal toimib?

Osakaal näitab Color 2 osa segus. 0% annab tulemuseks Color 1, 100% annab Color 2 ja 50% jääb valitud ruumis nende vahele. See vastab avaldisele color-mix(in space, color1 (100 - p)%, color2 p%).

### Millise värviruumi peaksin valima?

Vaikimisi valitud OKLab on tajupõhiselt ühtlane ja väldib määrdunud või tumedaid kesktoone. sRGB segab gammakodeeritud kanaleid vanemate brauserite ja Sass moodi, mistõttu küllastunud värvide segud muutuvad tumedamaks ja tuhmimaks. Lab on vanem CIE tajuruum, mis käitub sarnaselt OKLabiga, kuid siniste toonide ühtlus on väiksem.

### Mida teevad toonipõhised ruumid?

OKLCH, LCH, HSL ja HWB interpoleerivad tooni mööda värviringi lühemat kaart, mis on CSS vaikevalik. Nii säilib keskmise värvi küllastus, mis võib olla kummastki sisendist erksam. Kui üks värv on neutraalne hall ilma toonita, kasutatakse teise värvi tooni.

### Milleks on lineaarne sRGB ja XYZ?

Mõlemas segatakse valguse intensiivsusi lineaarselt, nagu kattuvate valgusvihkude puhul, mistõttu keskmine värv paistab heledam kui sRGB-s. Need sobivad füüsikapõhiste efektide jaoks ja aitavad jäljendada udustatud või segatud pikslite välimust.

### Kuidas käsitletakse läbipaistvust?

Nagu CSS color-mix(), interpoleerib segaja eelkorrutatud alfaga, nii et läbipaistev värv ei tõmba segu musta poole. Alfaväärtust interpoleeritakse sama osakaaluga ning see kuvatakse 8-kohalises kuueteistkümnendkoodis ja kaldkriipsu järel CSS funktsioonides.

### Milliseid sisendvorminguid saan kasutada?

Kuueteistkümnendkoodid koos #-märgiga või ilma, CSS värvinimed, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ruumid, näiteks display-p3, ja cmyk(), kõigis kombinatsioonides. Iga värv võib olla kuni 100 märgi pikkune.

### Mis juhtub, kui tulemus jääb sRGB-värviruumist välja?

Display P3, OKLCH või LCH ruumis segamisel võivad tekkida värvid, mida sRGB ei suuda kuvada. HEX-, RGB- ja HSL-väärtused teisendatakse sel juhul sRGB-sse Color 4 algoritmiga CSS ning tulemuse juurde lisatakse märkus; OKLCH-väärtus jääb teisendamata.

### Kuidas kasutada avaldist color-mix()?

Kleebi see ükskõik millisesse CSS omadusse, mis võtab vastu värvi. Sisendid määratakse kuueteistkümnendkoodi või laia värvigamma korral oklch() järgi, et brauser saaks sama segu uuesti arvutada. color-mix() töötab kõigis Chrome, Edge’i, Firefox ja Safari praegustes versioonides.

### Kui täpne on tulemus?

Osakaal esitatakse täisarvulise protsendina ning segu arvutatakse täistäpsusega culori teegi abil. RGB kanalid ümardatakse täisarvudeks, HSL protsendid kahe komakohani ning OKLCH heledus ja kromaatilisus neljani, seega võivad brauserid viimase numbri osas ühe ühiku võrra erineda.

### Kuidas luua kahe värvi vahele mitu sammu?

Kasuta segajat eri osakaaludega, näiteks 25%, 50% ja 75%. Valge, musta või halli suunas terve skaala loomiseks näitavad Color Tint, Shade and Tone Generators kõik sammud ühes tabelis.

Teie reklaam siin?

[Kirjutage meile](mailto:hi@dennn.is?subject=Reklaam%20OneClick%20Pro-is)

[Reklaam Agentidele mõeldud pistikprogrammide komplekt WordPress jaoks.](https://sleekwp.com/?ref=oneclickpro)