Farveblander
Bland to farver i et hvilket som helst forhold i OKLab, OKLCH eller sRGB. Kopiér resultatet eller et færdigt color-mix()-udtryk.
- HEX
- RGB
- OKLCH
CSS med fallback
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Trin fra første til anden
Samme blanding i hvert farverum
sRGB bliver grå og mørk i midten. OKLab holder lysheden jævn. OKLCH og HSL bevarer mætningen, men bevæger sig rundt om farvehjulet.
Spørgsmål og svar
Hvad er color-mix() i CSS?
color-mix() er en CSS-funktion, der blander to farver i et farverum, du selv vælger, for eksempel color-mix(in oklab, #ff5733, #3b82f6 30%). Den virker i alle aktuelle browsere. Sæt en almindelig farve foran som fallback til ældre browsere, som i kodestykket ovenfor.
Hvilket farverum skal jeg blande i?
OKLab er det sikreste standardvalg: midten bevarer sin lysstyrke og bliver ikke mudret. OKLCH holder farverne mættede, men tager den korteste vej rundt om farvecirklen, så rød og blå går gennem lilla og pink. sRGB er den måde, gamle værktøjer blander på, og midten ser ofte grå og mørk ud.
Hvorfor er det forskelligt at blande lys og maling?
Skærme lægger lys sammen, så dette værktøj tager gennemsnittet af lysværdierne: blå og gul giver grå eller en bleg farve, ikke grøn. Maling trækker lys fra, og derfor bliver den samme blanding grøn på papir. Vil du forudsige maling, skal du bruge en model for blanding af maling i stedet for et farverum til skærm.