颜色混色器
提供颜色混色器的交互处理。
使用步骤
如何使用
- Enter two to four source colors and adjust each contribution.
- Choose RGB for direct channel averaging or HSL for hue-aware interpolation.
- Review the result, contrast ratios, and color values, then copy or download the mix.
Two deliberately visible algorithms
RGB mode averages red, green, and blue channel values in ordinary gamma-encoded sRGB. HSL mode averages saturation and lightness and follows the shortest path around the hue wheel. Neither mode is perceptually uniform: for brand matching or print work, validate the result in a color-managed design tool.
Weights are normalized
Each source has a percentage-like weight. The calculation divides every weight by the total, so the mix still works when the visible values do not add to 100. At least two enabled colors are required, and empty or invalid entries are ignored.
Contrast is a reading aid
The displayed contrast ratios use the WCAG relative-luminance formula for the final sRGB color against pure white and pure black. They are guidance for this exact solid color; text size, font weight, anti-aliasing, surrounding colors, and non-solid backgrounds still need review.
常见问题
你可能还想知道
Which color space should I use?
RGB is the simplest and most predictable channel average. HSL can feel more intuitive when you want hues to travel around the color wheel, but its lightness and saturation are not perceptual measurements.
Why do RGB and HSL produce different results?
They interpolate different coordinates. RGB moves through red, green, and blue channel values, while HSL moves through hue, saturation, and lightness before converting back to sRGB.
Are alpha values supported?
This focused tool mixes opaque six-digit HEX colors. Transparency is outside the calculation, so use a compositing tool when the source colors or background include alpha.
Does the tool upload my colors?
No. Mixing, contrast calculation, copying, and the optional JSON download all happen in this browser.