Mixer de culori
Amestecă două culori în orice proporție în OKLab, OKLCH sau sRGB. Copiază rezultatul sau o expresie color-mix() gata de folosit.
- HEX
- RGB
- OKLCH
CSS cu variantă de rezervă
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Pași de la prima la a doua
Același amestec în fiecare spațiu
sRGB devine gri și întunecat la mijloc. OKLab păstrează luminozitatea uniformă. OKLCH și HSL păstrează saturația, dar ocolesc cercul nuanțelor.
Întrebări și răspunsuri
Ce este color-mix() în CSS?
color-mix() este o funcție CSS care amestecă două culori într-un spațiu de culoare ales de tine, de exemplu color-mix(in oklab, #ff5733, #3b82f6 30%). Funcționează în toate browserele actuale. Pentru browserele mai vechi, pune înainte o culoare simplă ca rezervă, ca în fragmentul de mai sus.
În ce spațiu de culoare să amestec?
OKLab este alegerea implicită cea mai sigură: mijlocul își păstrează luminozitatea și nu devine tulbure. OKLCH păstrează culorile saturate, dar ia cel mai scurt drum pe cercul nuanțelor, așa că roșul și albastrul trec prin mov și roz. sRGB amestecă precum instrumentele vechi, iar mijlocul arată adesea gri și închis.
De ce amestecul luminii diferă de amestecul vopselelor?
Ecranele adună lumină, așa că acest instrument face media valorilor de lumină: albastrul și galbenul dau un gri sau o culoare palidă, nu verde. Vopseaua scade lumină, de aceea același amestec pe hârtie pare verde. Ca să prezici rezultatul cu vopsele, folosește un model de amestec pentru vopsele, nu un spațiu de culoare pentru ecran.