Extract colors from images or create harmonious palettes
Drop an image here or click to upload
PNG, JPG, or WebP
Click a swatch to copy its HEX value. Use the lock icon to keep colors when regenerating.
Read more: Generate Color Palettes From Images or Color Theory
Color theory is a framework for understanding how colors relate to each other and how they can be combined effectively. At its core is the color wheel, which arranges hues in a circle based on their wavelength relationships. Primary colors (red, yellow, blue in traditional theory, or red, green, blue in light) combine to create secondary and tertiary colors.
Three properties define any color: hue (the position on the color wheel), saturation (the intensity or purity of the color), and lightness (how bright or dark the color appears). Adjusting these properties is the key to building cohesive palettes.
Uses two colors opposite each other on the wheel (180 degrees apart). Creates high contrast and visual energy. Good for calls to action and highlights, but use sparingly to avoid visual fatigue.
Uses 2-4 colors adjacent on the wheel (30 degrees apart). Creates a harmonious, unified feel. Common in nature, it works well for calm and comfortable designs.
Uses three colors evenly spaced at 120-degree intervals. Offers strong visual contrast while maintaining balance. Works well when one color dominates and the other two accent.
Uses a base color plus the two colors adjacent to its complement (150 and 210 degrees). Offers contrast similar to complementary but with less tension. A good choice for beginners.
Uses a single hue with variations in saturation and lightness. Creates a cohesive, elegant look. The easiest harmony to implement and virtually impossible to get wrong.
Upload any image using the From Image tab. The tool samples pixels from across the image, groups similar colors together, and returns 5-8 dominant colors. Each color is shown as a swatch with its HEX, RGB, and HSL values for easy copying.
Color harmonies are rules based on the color wheel that produce combinations that look visually pleasing. The five main types are complementary (opposites), analogous (neighbors), triadic (three equal intervals), split-complementary (base plus neighbors of its opposite), and monochromatic (one hue, varied lightness and saturation).
Start with your brand or primary color and use a harmony rule to find supporting colors. Typically you need 3-5 colors: a primary, a secondary accent, a background, and a text color. Always check contrast ratios between text and background colors to ensure accessibility.
Yes. In the Random Palette tab, click the lock icon on any swatch to keep that color fixed. When you click Generate again, only the unlocked colors will be replaced with new ones following the selected harmony rule.