Generador de paletas de colores

Paletas accesibles con comprobación de contraste WCAG. Exporta como CSS, SCSS o Tailwind.

Elige tu color base

Elige un color o introduce un código hex. Pulsa R para un color aleatorio.

Teclado: R = aleatorio, 1-6 = tipo de armonía, C = copiar todo

Armonía de colores

Selecciona el tipo de armonía de colores a generar:

Tu paleta

Comprobador de contraste WCAG

Comprueba la legibilidad del texto entre los colores de tu paleta

Exportar paleta

Sobre las armonías de colores

Guía de teoría del color

  • Complementario: Dos colores opuestos en la rueda de colores. Alto contraste, aspecto vibrante.
  • Análogo: Tres colores adyacentes. Sensación armoniosa y serena.
  • Triádico: Tres colores equidistantes. Paleta equilibrada y vibrante.
  • Complementario dividido: Color base + dos adyacentes a su complemento. Menos tensión que el complementario.
  • Tetrádico: Cuatro colores formando un rectángulo. Paleta rica y diversa.
  • Monocromático: Varias tonalidades de un color. Aspecto cohesivo y elegante.
¡Copiado al portapapeles!

Más de Vidra

Tamaños para redes sociales Etiquetas meta Códigos QR

Preguntas frecuentes

¿Cómo elijo los colores de mi marca?

Empieza con un color que represente la personalidad de tu marca y genera después colores complementarios para el contraste y la jerarquía. Esta herramienta crea paletas armónicas a partir de un solo color base usando los principios de la teoría del color.

¿Cuántos colores debe tener una paleta de marca?

Las paletas de marca más eficaces usan de 3 a 5 colores: un color principal, uno secundario, un neutro y 1 o 2 de acento. Demasiados colores crean confusión visual; demasiado pocos limitan la flexibilidad del diseño.

¿Necesitas una marca completa, no solo colores?

Identidad, guías de estilo y activos creativos para marcas que quieren destacar.

Así trabajamos