Color Mixer
Add or remove opaque HEX colors in your browser. Each red, green, and blue channel is averaged equally and rounded to the nearest whole number.
A QUICK WALKTHROUGH
How to use this tool
- Start with two HEX colors and add more as needed.
- Adjust any color or remove a color from the list.
- Copy the mixed HEX and RGB values.
Equal-weight RGB algorithm
The mixer parses each six-digit opaque HEX color into sRGB red, green, and blue channel values. For each channel it computes the arithmetic mean across every listed color, with no pigment model, HSL interpolation, or user weight.
Defined rounding and range
The channel mean is rounded to the nearest integer with Math.round, producing an integer from 0 to 255. The displayed HEX value uses uppercase two-digit channels and the RGB value uses the same rounded channels.
Two or more colors
The form starts with two colors and supports adding or removing colors. A result requires at least two remaining color inputs; all listed colors contribute equally.
GOOD TO KNOW
Common questions
How is the color mixed?
Each red, green, and blue channel is averaged independently across all listed HEX colors with equal weight.
How are decimals handled?
Each channel mean is rounded to the nearest whole number with Math.round before HEX and RGB output.
Can I use more than two colors?
Yes. Start with two colors, add as many inputs as needed, or remove inputs while at least two remain.
Are alpha values or pigment mixing supported?
No. The tool accepts opaque six-digit HEX colors and performs an RGB channel average only.