Color Mixer

A colour mixer blends two or more colours and shows the exact resulting colour, for example red and blue give purple. This tool lets you set the share of each colour and choose how the mixing is calculated.

Yes — it is 100% free with no signup. Everything is calculated in your browser.

From 2 up to 6 colours. Each colour has a weight slider, and the percentage next to it shows its share in the final mix.

Perceptual (OKLab) for smooth, natural blends; RGB for a simple screen average; Linear light for physically correct, brighter light mixing; HSL for hue-based blends that stay vivid; and Paint (RYB) which imitates real pigments.

Screens add light (RGB), so blue and yellow average to a grey. Real paint subtracts light, and artists use the red-yellow-blue (RYB) model, in which blue plus yellow makes green. Paint mode uses that model.

Use OKLab for gradients and UI design, RGB to match what most software does, Linear light for realistic lighting effects, HSL for vivid blends and Paint to predict how real paints would mix. Compare all five side by side to decide.

HEX, RGB, HSL, OKLCH and CMYK values, the closest named colour, and WCAG contrast ratings against white and black. Click any value to copy it.

Yes. The mixing steps section shows 3 to 21 evenly spaced colours from your first colour to your second colour, and you can copy them as CSS variables, a gradient or JSON.

Yes. The tool outputs a modern CSS color-mix() expression in the matching colour space where one exists, plus a linear-gradient and a list of steps.

Yes. Save results to a list kept in your browser, reuse them as inputs later, or click Share to copy a link that reopens the exact same mix. You can also download the result as a PNG.

It is a standard mathematical conversion from RGB. Printed colours depend on the printer, paper and colour profile, so treat it as an approximation.

Yes. The tool is fully responsive and works on phones and tablets as well as computers.