ezwebcolor
?
Share
Press Spacebar to Generate
Settings
Formula
?
The math formula used to generate colors. Algebra creates vibrant, balanced palettes.
Algebra (x, x+120°, x-45°) - Vibrant & balanced
Hue Bingo - Evenly spaced hues
Random - Completely random
Complementary - Opposite colors (high contrast)
Triadic - 3 colors equally spaced (120°)
Analogous - Adjacent colors (subtle/natural)
Color Amount
?
Number of colors in your palette. More colors = more variety for your design.
3
Padding
?
Gap between colors. Higher = more space, Lower = colors blend together more.
0.175
Min Hue Distance
?
Minimum difference between colors on the color wheel. Higher = more contrast.
60°
Color Mode
?
How colors are calculated. HSLuv is best for web apps (perceptually uniform).
HSLuv - Best for web apps (perceptually uniform)
HSL - Standard color wheel (hue/sat/light)
RGB - Screen colors (red/green/blue)
Interpolation
?
How colors blend between each other. LAB = smoothest, LCH = most colorful.
LAB - Smoothest gradients (no gray zones)
Linear - Direct blend (fast/simple)
LCH - Vivid gradients (colorful)
Lightness Ramp
?
How lightness transitions from one color to the next.
Light to Dark
Dark to Light
Dark Center
Light Center
Generate New
Undo
Export
CSS
Gradient
JSON
CSV
Share This Palette
Electric Sunset
Link to palette
Copy
JS Array
Keyboard Shortcuts
Generate new palette
Space
Undo last palette
Ctrl
Z
Increase padding
→
Decrease padding
←
Close modal / Settings
Esc