Color Palette Generator
Generate tints, shades, and harmonious color palettes from any base color.
Color Palette Generator
HEX
RGB
HSL
How to Use
- Click the color picker or type a hex code in the input.
- The palette updates instantly with tints, shades, and harmonic colors.
- Click any swatch to copy its value.
- Toggle between HEX, RGB, and HSL copy formats using the buttons.
Frequently Asked Questions
QWhat is the difference between a tint and a shade?
A tint mixes the color with white (lighter). A shade mixes the color with black (darker).
QWhat is a complementary color?
The complementary color sits directly opposite on the color wheel (hue + 180°). It creates maximum contrast.
QWhat are triadic colors?
Three colors evenly spaced on the color wheel (120° apart). They create vibrant, balanced palettes.
QWhat is HSL?
Hue, Saturation, Lightness — a more intuitive way to describe color than RGB. Hue is the base color (0–360°), saturation is intensity, lightness is brightness.
About This Tool
All color calculations are performed in your browser using HSL color math. No external libraries or APIs are required.