🎨

generador esquema colores

Elige un color base y genera un esquema de color armonioso. Elige entre complementarios, análogos, triádicos y más. Copia al instante HEX, RGB o variables CSS.

Herramientas de generación Se ejecuta localmente No se envían datos
colorpaletaesquemadiseño
Complementario

¿Qué es el generador esquema colores?

El generador esquema colores crea paletas de colores armoniosas basadas en reglas de la teoría del color: complementario, triádico, análogo, complementario dividido y más. Úsalo para elegir colores para diseño de UI, branding o proyectos artísticos.

Cómo usar el generador esquema colores

  1. Elige un color base con el selector de color o introduce un valor HEX.
  2. Elige un tipo de armonía (complementario, análogo, triádico, etc.).
  3. Haz clic en cualquier muestra para copiar su HEX, o exporta todo como variables CSS / JSON.
Más información▾
Tipos de armonía de color
  • Complementario —colores opuestos, alto contraste
  • Análogo —colores adyacentes, armoniosos y tranquilos
  • Triádico —tres colores equidistantes, vibrantes
  • Complementario dividido —base + dos colores adyacentes a su complementario
  • Tetrádico —cuatro colores que forman un rectángulo en el círculo cromático
  • Monocromático —tonos oscuros y claros de un mismo matiz
Preguntas frecuentes
¿Cómo uso los colores en CSS?

Haz clic en 'Copiar como variables CSS' para obtener un fragmento listo para pegar con todos los colores como propiedades personalizadas.

¿Puedo exportar la paleta como JSON?

Sí. Haz clic en 'Exportar JSON' para descargar el esquema de color con valores HEX y RGB.