Színkeverő
Keverj össze két színt tetszőleges arányban OKLab, OKLCH vagy sRGB térben. Másold ki az eredményt vagy egy kész color-mix() kifejezést.
- HEX
- RGB
- OKLCH
CSS tartalékkal
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Lépések az elsőtől a másodikig
Ugyanaz a keverék minden színtérben
Az sRGB a közepén szürkévé és sötétté válik. Az OKLab egyenletesen tartja a fényerőt. Az OKLCH és a HSL megtartja a telítettséget, de körbejár a színkörön.
Kérdések és válaszok
Mi a color-mix() a CSS-ben?
A color-mix() egy CSS függvény, amely két színt kever össze egy választott színtérben, például color-mix(in oklab, #ff5733, #3b82f6 30%). Minden mai böngésző támogatja. A régebbiek miatt adj meg előtte egy sima színt tartalékként, ahogy a fenti kódrészletben is látod.
Melyik színtérben érdemes keverni?
Az OKLab a legbiztosabb alapértelmezés: a közép megtartja a fényerejét, és nem lesz sáros. Az OKLCH telítetten tartja a színeket, de a legrövidebb úton halad körbe a színkörön, így a piros és a kék között lila és rózsaszín jelenik meg. Az sRGB a régi eszközök keverési módja, a közepe gyakran szürke és sötét.
Miért más a fény keverése, mint a festéké?
A kijelzők fényt adnak össze, ezért ez az eszköz a fényértékeket átlagolja: a kék és a sárga szürkét vagy halvány színt ad, nem zöldet. A festék fényt nyel el, ezért ugyanez a keverék papíron zöldnek látszik. A festék viselkedésének előrejelzéséhez festékkeverési modellt használj, ne képernyős színteret.