Color mixer
Mix two to five colors by weight. Most mixers average RGB numbers and turn blue and yellow into mud. This one mixes in OKLab, a perceptual space, and also has a paint mode that makes green. Compare every method side by side.
How to mix colors online
- Choose two to five colors by typing hex codes or using the color pickers. Try one of the examples, such as blue and yellow.
- Set a weight for each color to decide how much of it goes into the mix.
- Pick a mixing space: OKLab, OKLCH, linear light, sRGB or paint. The comparison row shows the result of every method side by side.
- Copy the result as HEX, RGB or OKLCH, open it in the generator, or step through the in-between colors with the steps slider.
What you can do
Perceptual mixing
The default OKLab space mixes the way colors look, so the midpoint of black and white is a true mid gray.
Paint mode
A paint-style mode that treats colors like pigments, so blue and yellow make green.
Side-by-side comparison
See the same mix in all five spaces at once and click one to select it.
Weights
Mix up to five colors and give each one its own weight, shown as a percentage of the mix.
In-between steps
Turn the mix into a stepped scale of 2 to 15 colors and copy any step.
Names and values
Every result comes with its nearest color name and its HEX, RGB and OKLCH values.
Frequently asked questions
What color do blue and yellow make?
It depends on whether you mix paint or light. Mixed as paint, blue and yellow make green: each pigment absorbs part of the light, and green is what both of them still reflect. Mixed as screen colors, blue and yellow average to a neutral grey, because they are close to opposite on the color wheel. Choose Paint above to see the green, or OKLab for the screen-accurate result.
How do I find the color halfway between two colors?
Enter both colors with equal weights, 50 each, and read the result. In the default OKLab space this is the perceptual midpoint. The steps slider also lists evenly spaced colors between them.
Why OKLab beats sRGB
sRGB numbers are gamma-encoded for storage, not for averaging, so mixing them skews dark and shifts hue. OKLab is built so that equal numeric steps look like equal visual steps: the midpoint of black and white is a true mid grey, and gradients keep their lightness.
About paint mode
Paint mode turns each color into a light-reflectance curve across the visible spectrum and mixes the curves with Kubelka-Munk theory, the model used for pigments. Brighter colors and black have more tinting strength, as with real paint. It gets the results painters expect, such as blue plus yellow giving green and a little black going a long way, but it models ideal pigments, not a particular tube of paint.
How many colors can I mix at once?
From two to five. Each color has its own weight, and a color with a weight of zero adds nothing to the result.