Color Mixer

What color do you get from red and blue? It depends on how they mix. This mixer combines two to ten colors in any proportion and shows the result four ways: the plain sRGB average most websites use, additive mixing of light (how overlapping lamps or a fast spinning color wheel blend), a perceptual OKLab mix, and an approximate paint-style subtractive mix. The comparison table shows all four at once.

How to use this tool

1. Enter one color per line — HEX, rgb(), hsl() or a CSS name — followed by an amount, such as #FF0000 3.
2. Pick a mixing method.
3. Read the mixed color as HEX, RGB, HSL and OKLCH, with the nearest CSS name.
4. Compare the methods in the table below the preview.

Formula

sRGB: c = Σ wᵢcᵢ ÷ Σ wᵢ · light: average the linearized channels, then re-encode · OKLab: average L, a, b · paint: c = exp(Σ wᵢ ln cᵢ ÷ Σ wᵢ) on linear channels

wᵢ are the amounts (parts or percentages — only their ratio matters). Linearizing undoes the sRGB gamma curve so light adds physically; the paint mode is a three-channel approximation, not a pigment simulation.

Example

Red and blue in equal parts give #800080 with the sRGB average (255 ÷ 2 = 127.5 → 128 = 80 hex), but #BC00BC as mixed light, because half of full linear intensity re-encodes to 188. Three parts red with one part white gives #FF4040.