TinySandyFree Online Tools

Color Mixer

Blend up to four colours in any proportion and see the result immediately. Choose how the colours combine: as light (averaging in linear RGB, which is how overlapping light and blurred pixels really mix), as a simple average of the RGB codes, or with a paint-like model that darkens mixtures the way pigments do.

Color & Palette Runs in your browser

Mix Colours by Ratio

0 leaves this colour out.
0 leaves this colour out.

How to Use the Color Mixer

  1. Pick two to four colours.
  2. Enter the parts of each colour (0 leaves a colour out).
  3. Choose a mixing model.
  4. Copy the HEX, RGB or HSL code of the mix.

About This Tool

Designers finding an in-between colour, developers computing blended UI states, artists experimenting with mixes, and students comparing additive and subtractive colour.

Input: HEX colours and ratios  ·  Output: HEX / RGB / HSL.

Features and Limitations

Features

  • Two to four colours with any ratio, including decimals.
  • Three mixing models: linear light, simple RGB average and paint-like.
  • Gradient strip showing the steps between colour 1 and colour 2 with the same model.
  • Result in HEX, RGB and HSL.

Limitations

  • The paint-like model is an approximation (weighted geometric mean of reflectance); real paints depend on pigments and can mix differently.
  • Transparency is not mixed; all colours are treated as opaque.
  • Results are computed in your browser; nothing you enter is sent to a server.

Example

Mixing 1 part red #FF0000 and 1 part blue #0000FF gives #BC00BC as light, #800080 as a simple RGB average and a dark purple with the paint-like model.

Frequently Asked Questions

Why does red plus blue give different results in each mode?

Light mixing averages actual light energy, the simple average works on gamma-encoded codes and darkens the mix, and the paint-like model multiplies reflectances, darkening further, just like real paint.

Why doesn't blue plus yellow make green here?

In light mixing they make grey or white. Paint makes green because pigments absorb light; the paint-like model approximates this only partly, since screens have no real pigments.

Can I mix more than four colours?

Mix four, copy the result into colour 1 and mix again with further colours.

Is it free and private?

Yes. It runs in your browser with no sign-up.

Related Tools

More like this: all Color & Palette tools, all Image & Design tools or the TinySandy home page.