Generates harmonious colour palettes from a base colour using colour theory rules — complementary, split-complementary, triadic, tetradic (square), analogous, and monochromatic schemes. Shows all palette colours with hex, RGB, and HSL values. Useful for UI design, brand identity, and graphic design projects.
Pick a base colour and choose a harmony type to generate a complete design palette. Check each colour pair against WCAG ratios with the Color Contrast Checker before using them for text and background.
Complementary
Input
#E63946 (base)
Output
#E63946 + #46E6DA (complementary)
Check WCAG AA and AAA contrast ratios for foreground and background colours.
Generate random colours in hex, RGB, and HSL formats.
Convert colour values between Hex, RGB, HSL, and HSB formats.
Generate linear, radial, and conic CSS gradients with live preview.
Generate placeholder lorem ipsum text by word, sentence, or paragraph.
Generate strong, random passwords with configurable rules.
:root {
--color-1: #3BDFF6;
--color-2: #3BB1F6;
--color-3: #3B82F6;
--color-4: #3B53F6;
--color-5: #513BF6;
}