🎨 Diseño Web y CSS

Generador de paleta de colores

Crea paletas de colores profesionales a partir de un color base. Genera escalas de 10 tonos (100-900) como Tailwind CSS y esquemas complementarios, análogos y triádicos.

Teoría del color para web

Tipos de paletas

  • Monocromática: un solo matiz con variaciones de saturación y luminosidad. Elegante y cohesivo.
  • Complementaria: dos colores opuestos en el círculo cromático (ej: azul + naranja). Alto contraste.
  • Análoga: 3-5 colores adyacentes en el círculo. Paleta armónica y natural.
  • Triádica: 3 colores equidistantes (120° cada uno). Vibrante y equilibrado.
  • Split-complementaria: un color + los dos adyacentes a su complementario. Contraste sin tensión.

Escala de 10 tonos (estilo Tailwind)

Genera una escala del 50 al 900 donde 500 es el color base. Los valores menores son más claros (más luminosidad), los mayores más oscuros.

Preguntas frecuentes

¿Cómo elegir el color primario correcto para mi marca?

El color primario debe transmitir la personalidad de tu marca. Azul = confianza/tecnología, verde = naturaleza/salud, rojo = energía/urgencia, naranja = creatividad/amigabilidad. Asegúrate de que tenga suficiente contraste con texto blanco (>4.5:1).