Color Mixer

Color mixing combines multiple colors together to create a new color. Our tool uses different blend modes to mix colors: Normal mode averages RGB values, Multiply darkens by multiplying values, Screen lightens by inverting and multiplying, Overlay combines multiply and screen, Additive adds RGB values (like light mixing), and Subtractive subtracts values (like paint mixing). You can control how much each color contributes by adjusting its ratio.

Normal: Simple RGB averaging, best for general color mixing. Multiply: Darkens colors, useful for shadows and depth. Screen: Lightens colors, good for highlights and glows. Overlay: Combines multiply and screen for contrast. Additive: Simulates light mixing (RGB colors get brighter). Subtractive: Simulates paint/pigment mixing (colors get darker). Choose based on whether you're mixing light (additive) or paint (subtractive), or want specific effects.

Click on any color swatch to open the color picker and select your desired color. Adjust the ratio slider for each color to control how much it contributes to the mix (higher ratio = more influence). Select a blend mode to change how colors combine. Add more colors using the Add Color button or remove colors with the trash icon. The mixed result updates in real-time and can be copied in HEX or RGB format.

Additive mixing (light): Used for screens and digital displays. Mixing more colors makes it lighter, approaching white. Red + Green + Blue = White. This is how monitors and LEDs work. Subtractive mixing (pigment): Used for paints, inks, and printing. Mixing more colors makes it darker, approaching black. Cyan + Magenta + Yellow = Black. This is how printers and physical paints work. Our tool offers both modes for different applications.

Yes! Click the Add Color button to add as many colors as you want to the mix. Each color has its own ratio slider, allowing you to create complex blends with precise control. The blend visualization bar shows how each color contributes to the final mix proportionally. This is perfect for creating custom gradients, finding intermediate colors, or experimenting with complex color palettes.

Presets provide quick starting points for common color themes: Sunset (warm reds and oranges), Ocean (cool blues and teals), Forest (natural greens), Fire (intense warm reds), Purple Dream (purples and pinks), and Earth (browns and golds). Click any preset to instantly load those colors and see how they mix. You can then adjust ratios, blend modes, or modify individual colors to customize the result.

Color ratios determine how much each color influences the final mix. A color with 70% ratio has more than twice the influence of a color with 30% ratio. If you have two colors at 50/50, they contribute equally. Ratios are proportional - three colors at 33/33/34 will blend evenly. Adjust ratios to push the mix toward your preferred color or to create subtle tints and shades.

Yes, completely private. All color mixing calculations happen locally in your browser using JavaScript. No color data is sent to any server or stored anywhere. Your color selections, ratios, and mixed results remain entirely on your device. You can use this tool offline once the page has loaded, and your data is never transmitted or saved.