Color Mixer

Mix two or more colors together with adjustable ratios. See the blended result in HEX, RGB, HSL, and more.

Color mixing in digital design uses additive color theory. The CSS color-mix() function, part of CSS Color Level 5, enables native browser-based color mixing.

Mixing in perceptually uniform color spaces like OKLCH produces more natural-looking results than mixing in sRGB.