Color mixer

Pick two colors and slide the ratio. See the result as paint and as light, side by side, with the mixed color named.

How this works

  1. 1 Pick two colors.
  2. 2 Slide the ratio to see the paint mix and the light mix side by side.
  3. 3 Copy the result's code, or open its full page.
Color A
Color B

50% · 50%

As paint

#712968

As light

#99488C

Guide

Two kinds of mixing, one tool

Ask what you get when you mix blue and yellow and the honest answer is: it depends what you are mixing. Pigments are subtractive. Each one absorbs part of the spectrum, so stacking them removes light and blue plus yellow lands on green. Beams of light are additive. Each one adds to the total, so red plus green light makes yellow, and all three primaries make white. Most mixers pick one model silently; this one shows both so you can see the difference.

Drag the ratio slider to move between the two source colors, and the tool names the result as it changes, so you are not left staring at a bare swatch. It is useful for planning a paint blend, understanding stage lighting, or just building intuition about how color behaves.

One caveat we state plainly: the paint result is a computational stand-in. Real pigments differ by brand, binder, and how much you use, so treat it as a close screen approximation of physical behavior rather than a guarantee. The light result is exact for screen color, which is itself additive.

Popular colors

Jump to

Type a color name, a hex code, or a tool. Esc closes.

Open this color's page