Desarrollo

Generador de paleta de colores

Genera paletas de colores hermosas desde un color base con complementarios y análogos

Base Color

Complementary

#6366f1
#f2ef64
CSS Variables
:root {
  --color-1: #6366f1;
  --color-2: #f2ef64;
}

Analogous

#64adf2
#6366f1
#a864f2
CSS Variables
:root {
  --color-1: #64adf2;
  --color-2: #6366f1;
  --color-3: #a864f2;
}

Triadic

#6366f1
#f26467
#67f264
CSS Variables
:root {
  --color-1: #6366f1;
  --color-2: #f26467;
  --color-3: #67f264;
}

Split-Complementary

#6366f1
#f2a864
#adf264
CSS Variables
:root {
  --color-1: #6366f1;
  --color-2: #f2a864;
  --color-3: #adf264;
}

Monochromatic

#080a5e
#0e11a4
#1418eb
#5b5df1
#a1a3f7
CSS Variables
:root {
  --color-1: #080a5e;
  --color-2: #0e11a4;
  --color-3: #1418eb;
  --color-4: #5b5df1;
  --color-5: #a1a3f7;
}

Color Palette Generator

Generate harmonious color palettes — complementary, analogous, triadic, split-complementary, and monochromatic — from any base color. Get HEX and RGB values for all colors.

Color harmony types explained

Complementary

Two colors opposite each other on the color wheel. High contrast, vibrant — great for buttons and CTAs.

Analogous

Three colors adjacent on the wheel. Low contrast, harmonious — great for backgrounds and illustrations.

Triadic

Three colors equally spaced on the wheel. Balanced and colorful — good for playful, energetic designs.

Monochromatic

Shades, tints, and tones of one hue. Elegant and cohesive — ideal for minimalist or branded designs.

¿No encuentras lo que buscas?

Creamos herramientas gratis según la comunidad. Si te falta algo para tu flujo de trabajo, ¡sugiérelo!

Generador de paleta de colores — Herramienta Gratis Online | FreeTool24 | FreeTool24