Additive Color Mixer (RGB Light Mixing)
Mixes two colors as light in RGB: it adds each channel and clamps at 255, returning the hex code of the result. Red plus green comes out yellow (#ffff00).
Resultado
—
What happens when two lights overlap
Anyone who grew up mixing paint finds it odd the first time they hear that red plus green makes yellow. With light, though, that is exactly what happens: two spotlights aimed at the same wall add energy instead of removing it, which is how your phone screen, an RGB LED and a stage rig all work. This page lets you pick two colors and see the hex value their sum produces.
The math is plain: add channel by channel and clamp at 255. Red ff0000 plus green 00ff00 gives ffff00, the yellow you expect. The detail rarely mentioned is that the addition happens directly on sRGB values, which carry a gamma encoding, rather than on linear light. That is why two mid greys, 808080 plus 808080, come out as pure white ffffff when the physical answer sits closer to b0b0b0. Read the result as the teaching model, not photometry.
Use it to explain additive mixing, to reason about primaries and secondaries, and to predict what colored lamps do together. Do not use it to predict paint, glaze or print color, which work the other way round. Note the interface limits too: both inputs are native color pickers with no field for pasting a hex value, there is no ratio control between the two colors, and the result appears as text with no swatch. Everything is computed in your browser.
Frequently asked questions
Why does red plus green make yellow?
Why do two mid-tone colors turn white?
Can I mix in different proportions?
Related Tools
Color Shades Generator
Generate shades and tints of any color. Click to copy the HEX, RGB or HSL code. Perfect for design systems and UI development.
Subtractive Color Mixer (CMY, Hex Output)
Mixes two hex colors the way ink does, keeping the lowest R, G and B value of each pair, so yellow ffff00 with cyan 00ffff returns green 00ff00.
Color Mixer
Mix two colors and get the resulting color. Control the percentage weight of each color. Result in HEX, RGB and HSL.
Invert Image Colors
Invert all colors in an image (negative effect). Each pixel is replaced by its RGB complement. Processed in the browser.
Image Color Picker
Load an image and discover the color of any pixel in real time. Hover to see HEX, RGB and HSL with a magnifier. Automatically extracts the dominant color palette.
Color Palette Generator
Generate harmonious color palettes from a base color. Schemes: monochromatic, analogous, complementary, triadic, tetradic and split-complementary.