The Color Mixer



Train your professional eye. Reconstruct the target signal by mixing pure RGB light values.

Target Signal
Your Mix #000000
Student Values snap to 15.
Forgiving tolerance.
Pro Values snap to 5.
Standard precision.
Master Exact values (1).
Zero tolerance.
The Science

Additive vs. Subtractive

Most of us learned color theory with paint (Red, Yellow, Blue). That is subtractive mixing—mixing them creates mud (black).

Screens use Additive Mixing (RGB). We start with black (darkness) and add light.
• 100% Red + 100% Green = Yellow light.
• 100% Red + 100% Blue = Magenta light.
• All three combined = Pure White.

Mastering this counter-intuitive math is what separates an average UI designer from a technical artist.

Deep Dive into Color Psychology

Visual Calisthenics

Just like a musician trains their ear for pitch, a designer must train their eye for hue. Regular practice helps you "debug" colors in real life—instantly recognizing if a photo is too warm (too much Red/Green) or too cool (too much Blue).

Hex Proficiency

Hex codes are just RGB values written in base-16. The first two digits are Red, the middle two are Green, the last two are Blue. #FF0000 is max Red. Playing this game builds intuition for reading code.