RGB Color Mixer
Mix colours the way light does — additively, by blending the red, green and blue channels. Red + green makes yellow, just like on a screen. Set the weight of each colour and copy the resulting hex and rgb().
Mixed like real paint, blue + yellow = green, red + yellow = orange and red + blue = purple — because pigments blend subtractively (RYB). Pick your colours below, set the parts of each, and get the exact result in hex, by name and in real paint.
RGB is additive: every colour on a screen is built from red, green and blue light, each channel running from 0 to 255. Add the channels and the colour gets brighter — red (255,0,0) plus green (0,255,0) gives yellow (255,255,0), and all three at full strength make white (255,255,255). With everything at zero you get black.
Mixing two RGB colours here is a weighted average of their channels: a 1:1 mix is the midpoint, while a 3:1 mix pulls the result toward the heavier colour. Because it's channel maths, not pigment behaviour, blue and yellow average to a neutral grey rather than green — correct for light, surprising for paint. Switch to Paint mode if you want pigment-style results.
This is the model you want for web design, UI work, LEDs and anything shown on a display. Copy the result as a hex code or an rgb() string straight into your CSS — and if you ever need it as a physical colour, the nearest real paint is shown underneath.
The most-searched colour combinations — tap any to load it into the mixer (paint mode).
Looking to make a specific colour, or wondering what two colours make? These guides have the exact mixes — each with a live mixer and real paint.
Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.
Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.
How does RGB colour mixing work?+
RGB mixing is additive — it averages the red, green and blue channels weighted by how much of each colour you add. It models light, so red + green = yellow and all three full channels make white. Switch to paint mode for pigment-style results.
What's the difference between RYB, RGB and CMYK mixing?+
RYB (paint) is how pigments combine on a canvas — red, yellow and blue are the primaries. RGB (light/screens) mixes brightness, so red + green makes yellow. CMYK is the subtractive model used in printing. Pick the model that matches what you're actually mixing.
Does it show the result as real paint?+
Yes — under the mixed colour it shows the nearest real, buyable paint across 16 brands (the closest match by colour distance, any brand), with its code, plus the colour's common name.
Why doesn't blue and yellow make grey here?+
Because the default mode mixes like real paint (subtractive / RYB): blue + yellow makes green, just like on a palette. Switch to RGB mode to mix like light, where the maths is an average of the red, green and blue channels instead.
Can I mix more than two colours?+
Yes — add as many colours as you like and give each one a number of parts. A 3:1 mix leans heavily to the first colour; equal parts give a straight blend. The result updates live.