مولد لوحة الألوان المجاني على الإنترنت
Generate beautiful color palettes. Lock your favorites and keep generating. Press Space for new colors!
CSS Variables
How to Use
- Choose a harmony mode (Analogous, Complementary, Triadic, etc.) or keep it on Random.
- Click Generate or press Space for new palettes.
- Click the lock icon to lock a color so it stays when regenerating.
- Click a HEX code to copy it to your clipboard.
- Use Copy CSS to get CSS custom properties or download as an image.
Color Theory & Harmony Modes
This generator supports 7 harmony modes based on color theory. Analogous palettes use colors within 30° of each other on the color wheel · they feel calm and cohesive. Complementary palettes pair colors 180° apart for maximum contrast. Triadic palettes use three evenly spaced hues (120° apart) for vibrant variety. Split-Complementary takes a base color plus two colors adjacent to its complement · bold but more nuanced. Monochromatic palettes vary only lightness and saturation of one hue · elegant and minimal. Square uses four colors 90° apart for a well-balanced, colorful palette.
Frequently Asked Questions
How do I use these colors in my project?
Click "Copy CSS" to get ready-to-paste CSS custom properties. You can also click individual HEX codes to copy them, or export the entire palette as a PNG image for reference in design tools like Figma or Canva.
How many colors should a palette have?
Most designs work best with 3-5 colors: a primary color, a secondary color, an accent, and 1-2 neutrals. Use the "+ Add Color" button to expand your palette or remove colors by generating with fewer.
Can I lock colors I like?
Yes! Click the lock icon on any color swatch. When you generate new palettes, locked colors stay in place while the unlocked ones randomize. This is great for building a palette around a specific brand color.
What are the harmony modes?
Harmony modes generate palettes based on color theory relationships. Analogous uses nearby hues for a soothing palette. Complementary uses opposite hues for strong contrast. Triadic, Split-Complementary, and Square distribute hues evenly around the color wheel. Monochromatic keeps one hue and varies lightness · perfect for clean, minimal designs.