What color schemes are generated?

Five schemes: Complementary (180° opposite), Triadic (120° apart), Analogous (±30°), Split-Complementary (base + 150° and 210°), and Tetradic (four colors 90° apart).

How is the color math calculated?

The input hex is converted to HSL. Hue values are rotated by specific degrees for each harmony type, then converted back to hex.

Color Palette from Color

Generate complementary, triadic, analogous and other color schemes from one hex color.

Base color:

Related Tools

#cColor Format Converter

Convert colors between HEX, RGB, and HSL formats with a live preview swatch.

#Contrast Checker

Check foreground/background color contrast ratio against WCAG standards.

#cCSS Gradient Generator

Generate CSS linear gradient code with live preview and one-click copy.

FAQ

What color schemes are generated?: Five schemes: Complementary (180° opposite), Triadic (120° apart), Analogous (±30°), Split-Complementary (base + 150° and 210°), and Tetradic (four colors 90° apart).
How is the color math calculated?: The input hex is converted to HSL. Hue values are rotated by specific degrees for each harmony type, then converted back to hex.

Input a single hex color and instantly generate five color harmony schemes: complementary (opposite on color wheel), triadic (3 equally-spaced hues), analogous (3 adjacent hues), split-complementary (base + two colors adjacent to its complement), and tetradic (4 colors forming a rectangle). Each scheme shows color swatches with hex values you can copy.