Palette and color mixing
Generate rule-based palettes or compare weighted RGB color mixtures.
- 1Add input
- 2Adjust settings
- 3Get your result
Tool input and files are processed in this browser without being uploaded.
Before you start
Create a repeatable palette from one HEX, RGB(A) or HSL(A) seed using a color rule, or mix two six-digit HEX colors by weighted sRGB channels. Copy individual colors after checking them in your design.
How to use this tool
- Choose palette generation or RGB mixing in Settings; only controls for that task are shown.
- Enter a base color; for mixing set the second color and ratio, or choose a palette rule.
- Review the swatches and copy individual HEX values, or download the complete result.
Supported inputs and limits
Pasted text is limited to 1 MiB; review the result before using it.
Palette accepts HEX, RGB(A) or HSL(A); mixing requires two six-digit HEX colors. Check results in the target design.
Very low-saturation seeds vary lightness because rotating their hue would not produce distinct visible colors.
Files and input are processed in this browser. No account needed.
Worked example
Example input
#008040
Example options
{
"rule": "triadic",
"count": 3
}Example output
#008040 #400080 #804000
When something does not work
Use the documented input format and keep values within the displayed limits. Review the result before using it in another document or application. Editing the input marks the previous result as stale; a failed run clears it.
Frequently asked questions
Where are the combined operations?
Use Task to choose Generate palette, RGB mixing. Some parameters apply only to their corresponding task; run again and inspect the result after changing modes.
Are my files uploaded?
No. Files and tool input are processed in your browser. Moving around the site can keep a temporary workspace in the same tab. Refreshing or closing the tab clears it, so download results you want to keep.
What should I check in this result?
Palette rules are deterministic and use HSL hue or lightness changes. Mixing averages sRGB channel numbers, not physical paint or perceptually uniform color. Check contrast separately.
Documentation & further reading
Related tools
Color converter
Same color. A different format.
Contrast checker
Check the contrast between text and background colors.
Gradient maker
Find a blend you love. Copy the CSS.
CSS shadow and radius
Compose layered shadows with optional individual border-radius values.