Color mixer
Mix up to five colors with adjustable amounts. The result updates as you go, and the link saves your mix.
How to use it
- Enter two colors as hex, rgb(), hsl() or a color name, or use the color pickers.
- Drag the Amount sliders to change how much of each color goes in.
- Add up to five colors, and switch between Light and Perceptual mixing.
- Click any value in the result to copy it. The page address updates, so you can share the mix.
How it works
Light (RGB) averages the red, green and blue values by their amounts, the way overlapping light combines on a screen. Mixing blue and yellow this way gives gray.
Perceptual averages in OKLab, a color space built to match how people see differences. Its mixes tend to stay brighter and look more even.
Neither method models paint. Paints absorb light, so blue and yellow paint make green; this tool mixes screen colors.
Related tools
Questions
Why doesn't blue and yellow make green?
Screens mix light, and blue light plus yellow light averages to gray. Green comes from mixing paint, which absorbs light instead. Try Perceptual mode for a different on-screen blend.
How are the amounts used?
They're relative weights. 50 and 50 is an even mix, and so is 20 and 20. The percentage next to each slider shows its share of the mix.
How many colors can I mix?
Up to five. Set an amount to zero to leave a color out without removing it.