🎨 Palette Generator

Ray Colors

Color Schemes

Hover over a scheme to see description

Adjustments

Hover over a slider to see description
0(0)

About This Tool

Color Palette Generator is a free online tool for designers and developers to build harmonious color schemes on an interactive color wheel. Choose from 2–8 color points, drag them on the wheel, and fine-tune every value in real time.

Color schemes: Complementary, Analogous, Split-Complementary, Clash, Neutral, Monochrome Shades, Monochrome Gradient, Websmart and Websafe. Switch ray length modes (Normal, Decreasing, Increasing) and apply slider presets (Vibrant, Dark Edge, Bright, Pastel, Muted).

Controls: Adjust Hue, Saturation, Luminance, Brightness and Edge Darkening with live preview. Apply page background as a solid average color or as a linear, radial, conic or repeating gradient from all palette colors. Toggle dashed guides, HSL labels and Auto BG. Full Undo / Redo history (up to 20 states) and save to browser storage.

Export & contrast: Each card shows HEX with white / black / auto-contrast samples. Copy body background CSS, ray CSS (with text color), HTML button snippets or a complete HTML page template in one click. Open any color for RGB, HEX and luminance details.