Color Palette Generator

Create matching color palettes from any base color using color theory rules.

Hex Color Input

HEX:

#6366F1

RGB:

rgb(99, 102, 241)

HSL:

hsl(239, 84%, 67%)

CMYK:

cmyk(59%, 58%, 0%, 5%)

Processed locally in your browser — nothing is uploaded.

How to Use

Complementary colors are opposite each other on the color wheel, creating high-contrast layouts.

HEX/RGB/HSL Color Picker

Select colors and convert between HEX, RGB, and HSL formats.

CSS Gradient Generator

Generate beautiful CSS linear and radial gradients.