Home▸Colours & Light▸Colour Mixing (2D) — Additive Light & Subtractive Pigment

🎨 Colour Mixing (2D) — Additive Light & Subtractive Pigment

Drag three coloured light or pigment sources across a 2D canvas and watch them mix where they overlap — additive RGB light or subtractive RYB pigment, with a live resulting colour readout.

Colours & Light2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Drag three coloured circles across a canvas to mix light or pigment where they overlap. Additive mode sums RGB light (red plus green makes yellow, all three make white); subtractive mode blends RYB pigment reflectance (red plus yellow makes orange, all three make brown), with a live resulting RGB and hex readout.

color mixingRGBadditive colorsubtractive colorpigmentlight

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install