Color Palette Generator
A color palette generator derives a full set of coordinated colors from a single base color using color theory. Toolverge computes complementary, analogous, and triadic hues plus a 5-step shade/tint ramp from your hex code, showing hex and RGB values for each swatch.
How it works
- Enter a base hex color, like #3366cc.
- The generator converts it to HSL and rotates the hue to derive complementary, analogous, and triadic colors.
- A 5-step shades-and-tints ramp is generated by varying lightness at the same hue and saturation.
Formula Complementary = hue +180°; analogous = hue ±30°; triadic = hue ±120°; ramp varies lightness at the same hue/saturation.
Frequently asked questions
What is a complementary color?
The color directly opposite your base color on the color wheel (180° hue rotation), used for high-contrast accents.
What are analogous colors?
Colors adjacent to your base hue (±30°) that create a harmonious, low-contrast palette.
What is a triadic color scheme?
Three colors evenly spaced around the color wheel (±120°), giving a vibrant but balanced palette.
What hex formats are accepted?
Both 3-digit (#abc) and 6-digit (#aabbcc) hex codes, with or without the leading #.
Is this palette based on real color theory?
Yes, it uses standard HSL hue rotation and lightness variation, the same math used by most design-tool palette generators.