Míchání barev
Smíchejte dvě barvy v libovolném poměru v OKLab, OKLCH nebo sRGB. Zkopírujte výsledek nebo hotový výraz color-mix().
- HEX
- RGB
- OKLCH
CSS se záložní hodnotou
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Kroky od první ke druhé
Stejné míchání v každém prostoru
sRGB uprostřed šedne a tmavne. OKLab drží jas rovnoměrný. OKLCH a HSL zachovají sytost, ale putují po kruhu tónů.
Otázky a odpovědi
Co je color-mix() v CSS?
color-mix() je funkce CSS, která smíchá dvě barvy ve zvoleném barevném prostoru, například color-mix(in oklab, #ff5733, #3b82f6 30%). Funguje ve všech současných prohlížečích. Pro starší prohlížeče před ni dejte obyčejnou barvu jako zálohu, stejně jako v ukázce výše.
V jakém barevném prostoru míchat?
Nejbezpečnější volbou je OKLab: střed si zachová jas a nezakalí se. OKLCH drží barvy syté, ale jde nejkratší cestou po kruhu tónů, takže červená a modrá projdou přes fialovou a růžovou. V sRGB míchají staré nástroje a střed tam často vypadá šedě a tmavě.
Proč se míchání světla liší od míchání barev na papíře?
Obrazovky světlo sčítají, proto tento nástroj průměruje hodnoty světla: modrá a žlutá dají šedou nebo bledou barvu, ne zelenou. Barvy na papíře světlo odečítají, a proto stejná směs na papíře vypadá zeleně. Pokud chcete předpovědět výsledek u barev na malování, použijte model míchání pigmentů místo barevného prostoru obrazovky.