Tool · Color mixer

Color mixer.

Mix colors the way paint, light or ink would. Set the ratio with sliders, add up to five colors, and copy the result as HEX or CSS color-mix().

Subtractive pigment approximation. Blue and yellow make green; complements make brown.

50%
50%
Up to five colors. Sliders set the ratio.
Result
#92A564
Moss
rgb(146, 165, 100) · hsl(78, 27%, 52%)
CMYK 12%, 0%, 39%, 35%
Open as palette
Paint mode is an approximation of pigment mixing (the RYB model of Gosset and Chen), not a spectral simulation; real paints vary by brand and pigment. RGB and Perceptual modes are exact and match CSS color-mix() in srgb-linear and oklab.

What is the color mixer?

A color mixer blends two or more colors in chosen proportions and shows the result. This mixer works in three modes: RGB light (screens), CMYK ink (print) and paint (subtractive pigment), because mixing the same two colors gives different results in each.

Why the mixing mode matters

Mixing red and green light gives yellow; mixing red and green paint gives brown. RGB mode adds light like a screen, CMYK mode combines inks like a press, and paint mode uses a pigment model (Kubelka-Munk) that behaves like real paint, so blue and yellow make green rather than gray. Set the ratio with sliders, add up to five colors, and read the result in HEX, RGB, CMYK and the nearest named color and Pantone.

The guides on what colors make brown, purple, orange, green and other mixes link here with the recipe pre-loaded.

Color Mixer FAQ

What colors make brown?

In paint, mix complementary colors: red and green, blue and orange, or yellow and purple. Adding all three primaries also gives brown. Load any of these in paint mode to see the exact result.

What do red and blue make?

Purple in paint mode, magenta in RGB light mode. The mixer shows both.

Can I mix HEX colors online?

Yes. Enter two or more HEX values, set the ratio, and copy the result. RGB mode gives the same result as a CSS color-mix().

Does the mixer handle CSS color-mix()?

Yes. RGB and OKLCH modes output the equivalent color-mix() syntax for use in CSS.

Related color tools

Learn more