ColorDevbeta

Color Mixer

Mix two or more colors with weighted ratios in real time.

Loading tool...

What is Color Mixer?

Combine up to five colors with adjustable weights and mix them in RGB, HSL, or OKLCH color space. OKLCH gives the most perceptually accurate result.

Frequently asked questions

+Why does OKLCH mixing look better?

OKLCH is perceptually uniform — mixing in it avoids the muddy mid-tones you get from RGB and the hue shifts you get from HSL.

+Do the weights need to sum to 100%?

They're auto-normalized. Whatever weights you set, the result is the weighted average.

+Can I mix more than two colors?

Yes, up to five. For more than two, OKLCH is strongly recommended.

Related tools