Color Mixer

RGB mixes colors by averaging their red, green, and blue channel values independently. It's mathematically simple but can produce muddy, desaturated results when mixing complementary colors (like red and green).

HSL mixes hue, saturation, and lightness as separate components. It handles hue transitions by traveling around the color wheel rather than through gray, producing more vibrant intermediate colors. This makes it more intuitive for artistic color exploration.

LAB is designed to match human color perception. Colors mixed in LAB space look more natural because the algorithm accounts for how we actually see color differences. Equal mathematical distances in LAB space represent equal perceived color differences to the human eye.

Each algorithm calculates the "middle" between colors using different mathematical approaches:

• RGB averages the channel values directly, often producing a purple-gray
• HSL finds the midpoint on the color wheel, traveling through magenta/purple hues
• LAB uses a perceptual model that considers how humans see the transition, typically producing a more saturated purple

None of these results is "wrong" - they're just different approaches. Try all three to see which result best matches your creative vision for the project.

Yes! Click the Add Color button to add up to 5 colors total. Each color gets its own ratio slider that lets you control how much it contributes to the final mix.

When you add a new color, the ratios automatically redistribute evenly across all colors. For example, if you have two colors at 50-50 and add a third, they'll adjust to 33-33-33. You can then fine-tune each ratio individually.

Mix steps show the linear transition between exactly two colors at different ratios (10%, 20%, 30%, etc.). This concept is straightforward with two colors - you're simply adjusting the balance between them.

With three or more colors, the concept of "steps" becomes mathematically complex. There isn't a single linear progression - instead, you have multiple dimensions of mixing ratios. The gradient preview provides a better visualization of how all your colors blend together.

If you need to see steps between specific colors in a multi-color mix, temporarily remove the other colors, explore the two-color steps, then add the others back.

Follow this workflow for precise color targeting:

You can also type exact HEX values directly in the input fields if you know the specific colors you want to mix. The tool will then show you the precise result of blending those colors at your chosen ratios.

Curated palettes are professionally designed color combinations that work harmoniously together. They're created based on color theory principles like complementary, analogous, triadic, and tetradic color schemes.

The palettes are intelligently organized by the number of colors:

• When you have 2 colors selected, you'll see 2-color palettes (complementary pairs, split-complementary, etc.)
• Add a 3rd color, and the palettes update to show 3-color combinations (triadic, analogous triads, etc.)
• With 4-5 colors, you'll see more complex harmonious schemes

Use these as starting points for your projects, then customize individual colors or ratios to match your specific needs. They're especially helpful when you're not sure which colors work well together.

All color mixing happens entirely in your browser using JavaScript. Nothing is uploaded to any server, and no data is transmitted over the internet. This ensures complete privacy and instant performance.

For important color combinations, consider:

• Copying all color values to a text file
• Bookmarking the page with your colors (if the tool supports URL parameters)
• Taking a screenshot of your final palette
• Saving values directly into your design system or style guide