Color Palette – Free Online Color Mixer & Scheme Generator

Color picker with hue ring + SV square, HSL sliders, color mixing, 6 color theory schemes, gradient generator. Output all formats.

Try it Free →

Features

🎨

Interactive Color Picker

Hue ring + saturation/brightness square. Drag to select any color with precision.

📊

HSL Sliders

Fine-tune hue, saturation, lightness, and alpha with precise sliders.

🔀

Color Mixer

Mix up to 5 colors with adjustable ratios to create custom blends.

🔮

6 Color Schemes

Complementary, analogous, triadic, tetradic, split-complementary, and monochromatic.

🌈

Gradient Generator

Create linear/radial gradients. Export as CSS gradient code.

📋

All Format Output

Output in HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, and CSS variables.

How to Use

1

Pick a Color

Use the hue ring + SV square, enter a HEX code, or use HSL sliders.

2

Generate Schemes

Click any color theory scheme to generate harmonious color palettes.

3

Mix Colors

Add up to 5 colors and adjust their mix ratios to create custom blends.

4

Export

Copy individual colors or generate CSS gradients and variables.

Frequently Asked Questions

What color theory schemes are available?
Six schemes: Complementary (opposite), Analogous (adjacent), Triadic (3 equidistant), Tetradic (4 in rectangle), Split-Complementary, and Monochromatic (same hue, different saturation/lightness).
How does the color mixer work?
Enter up to 5 colors with individual ratios. The mixer uses weighted average in RGB space to blend them. Adjust ratios to control each color's influence on the result.
What gradient types are supported?
Linear gradients (angle + stops) and radial gradients (position + stops). Each supports multiple color stops with custom positions.
Is my data sent to a server?
No. All color manipulation is done locally in the browser using JavaScript. No network requests are made.

← Back to pudone! home