Use this interactive color mixer to blend two digital colors, change their proportions, and discover the red, green, and blue values behind every result.
How to use the color mixer
Choose two colors and let the tool combine their digital RGB values. Every change appears immediately, so learners can test an idea and see the result.
Choose Color A
Open the first color picker or enter a six-digit HEX code such as #FF0000.
Choose Color B
Select a second color. Try a quick experiment button when you want a ready-made pair.
Adjust the ratio
Move the slider toward the color that should contribute more to the mixture.
Study the result
Read the mixed HEX code, RGB code, channel bars, and percentage explanation.
What does a digital color mixer do?
A screen creates colors with three light channels: red, green, and blue. Each channel has a value from 0 to 255. The color mixer combines the matching channel values from Color A and Color B according to the selected ratio.
RGB color code
An RGB code lists the red, green, and blue channel strengths. For example, rgb(255, 0, 0) is bright red.
HEX color code
A HEX code expresses the same digital color with six hexadecimal characters. For example, #FF0000 is red.
Equal mixture
At 50%, both colors contribute equally. The tool averages each pair of RGB channel values.
Unequal mixture
At 75% Color B, the result uses one-quarter Color A and three-quarters Color B.
Worked color mixing example
Start with red, #FF0000, and blue, #0000FF. Set the slider to an equal 50/50 mixture.
The red channel becomes 128, the green channel stays 0, and the blue channel becomes 128. The result is rgb(128, 0, 128), or #800080, a digital purple.
Screen colors versus paint colors
This tool mixes digital RGB values, not physical paint. Screens combine colored light, while paints and inks combine pigments that absorb light. A pair of real paints may therefore produce a different result from the same colors in this color mixer.
Color mixer activities for young learners
- Predict the result of red and blue before selecting the 50/50 ratio.
- Mix black and white, then test how the shade changes at 25%, 50%, and 75%.
- Keep Color A fixed and change Color B. Which RGB channel changes the most?
- Choose two colors and try to create a result with one channel close to 128.
- Use Surprise colors, record the HEX result, then recreate it with the same inputs.
Frequently asked questions
What is a color mixer?
A color mixer combines two selected colors to produce a new one. This interactive tool calculates the result by blending digital red, green, and blue channel values.
Why does red and blue make #800080 at 50/50?
The tool averages the RGB values. Red is 255, 0, 0 and blue is 0, 0, 255, so the equal result is approximately 128, 0, 128.
What happens when the slider reaches 0% or 100%?
At 0% Color B, the result is exactly Color A. At 100% Color B, the result is exactly Color B.
Are HEX and RGB different colors?
No. HEX and RGB are two ways to write the same screen color. The tool shows both codes for the mixed result.
Will real paint produce the same mixed color?
Not always. Paint uses pigments and subtractive mixing, while this tool uses mathematical blending of digital RGB values.
