Fargemikser
Bland to farger i hvilket som helst forhold i OKLab, OKLCH eller sRGB. Kopier resultatet eller et ferdig color-mix()-uttrykk.
- HEX
- RGB
- OKLCH
CSS med reserve
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Trinn fra første til andre
Samme blanding i hvert fargerom
sRGB blir grått og mørkt på midten. OKLab holder lysheten jevn. OKLCH og HSL beholder metningen, men vandrer rundt fargesirkelen.
Spørsmål og svar
Hva er color-mix() i CSS?
color-mix() er en CSS-funksjon som blander to farger i et fargerom du velger, for eksempel color-mix(in oklab, #ff5733, #3b82f6 30%). Den virker i alle nåværende nettlesere. Legg en vanlig farge foran som reserve for eldre nettlesere, slik som i kodeutdraget over.
Hvilket fargerom bør jeg blande i?
OKLab er det tryggeste standardvalget: midten beholder lysstyrken og blir ikke grumsete. OKLCH holder fargene mettede, men tar korteste vei rundt fargesirkelen, så rødt og blått går via lilla og rosa. sRGB er slik gamle verktøy blander, og midten ser ofte grå og mørk ut.
Hvorfor er det forskjell på å blande lys og maling?
Skjermer legger sammen lys, så dette verktøyet tar gjennomsnittet av lysverdiene: blått og gult gir grått eller en blek farge, ikke grønt. Maling trekker fra lys, og derfor blir den samme blandingen grønn på papir. Vil du forutsi maling, trenger du en modell for malingsblanding i stedet for et fargerom for skjerm.