ExtraTools/colors-mix

COLOR AND PAINT MIXING

Local color-mixing model

COLOR · PIGMENTS · PALETTES

Mix colors and preview the result

Enter two HEX or RGB colors to see a live mixed preview. Choose pigment, screen-color, or linear-light blending.

Switch to Full mode for a third color, mixing ratios, three palettes, and additional color formats. All processing runs in your browser.

Full mode is active — proportions, a third color, palettes, and extra formats are available.
01 / MIX COLORS Two colors by default · add a third when needed

Source colors

Color A

Color B

RESULT

Mixed result

HEX #3D933E
RGB rgb(61, 147, 62)

Ready. Change either color to update the preview.

ADDITIONAL FORMATS

Result color codes

02 / PALETTES Select color A, B, or C, then choose a swatch

Choose a palette color

Select a target color above the palette. Choosing a swatch applies it and immediately updates the result.

Target color Color A
FEATURES Runs locally in your browser

What you can do

  • Mix two colors as pigments, screen colors, or light.
  • In Full mode, add a third color and adjust each shade’s share.
  • Choose shades from the basic, pastel, or vibrant palette.
  • Get the result in HEX, RGB, and additional color formats.
  • Copy a single value or all result formats.

The pigment model estimates a paint-like result from RGB values. Matching a specific real paint exactly requires measured spectral data for its pigments.

QUICK GUIDE

How to mix colors

  1. Enter HEX or RGB values for two source colors. The preview updates automatically.
  2. Full mode lets you change proportions, choose a mixing model, and add a third color.
  3. Select a target color and choose a shade from the basic, pastel, or vibrant palette.
  4. Copy HEX, RGB, or any value from the additional color formats.

Mixing runs on this device. Color values are not sent to a server.

CHECK YOUR INPUT

Could not mix the colors