Analizador de Paletas

Analiza hasta 10 colores: puntuación global, armonía, mood, temperatura, contraste WCAG, sugerencias de mejora y exporta el informe completo

#6366f1
#ec4899
#10b981
#f59e0b
#06b6d4

Puntuación Global

31
Necesita mejoras/100

Estilo / Mood

Equilibrado y Versátil

Paleta equilibrada y versátil para múltiples usos

versatileadaptableharmonious

Armonía

Personalizada
Puntuación de diversidad: 52/100

Temperatura

Fría
🔥 2❄️ 3⚖️ 0

Luminancia

Promedio32.4%
Min: 19%Rango: 25%Max: 44%

Saturación

Promedio87.1%
Min: 81%Muy vibranteMax: 94%

Sugerencias de mejora

No hay pares con contraste WCAG AA — añade colores claros/oscuros para textos accesibles.

Mejores Colores para Texto

Texto sobre blanco
#6366f1 • 4.47:1
Texto sobre negro
#f59e0b • 9.78:1AA ✓

Mejores Pares de Contraste

#6366f1 + #f59e0b
2.08:1
Fail
#6366f1 + #06b6d4
1.84:1
Fail
#6366f1 + #10b981
1.76:1
Fail
#ec4899 + #f59e0b
1.64:1
Fail
#ec4899 + #06b6d4
1.45:1
Fail

Cómo funciona

El análisis de paletas es una técnica esencial en diseño profesional. Permite evaluar objetivamente si una combinación de colores funciona correctamente midiendo armonía, contraste, temperatura y equilibrio. Nuestra herramienta analiza hasta 10 colores y genera una puntuación global con sugerencias de mejora.

Métricas analizadas

Puntuación Global (0-100)

Califica tu paleta de forma objetiva combinando armonía cromática, contraste entre pares, rango de luminancia, equilibrio de saturación y diversidad de tonos. Una puntuación de 80+ indica una paleta excelente; por debajo de 40 necesita mejoras significativas.

Mood / Estilo

El análisis de mood detecta automáticamente el carácter de tu paleta: Moderno y Minimalista,Elegante y Sofisticado, Vibrante y Energético, Creativo y Divertido,Profesional y Corporativo, Pastel y Suave, Oscuro y Dramático o Equilibrado y Versátil. Se basa en la combinación de saturación, luminosidad, temperatura y contraste.

Tipos de Armonía

Detectamos automáticamente el tipo de relación cromática entre tus colores:

  • Monocromática: Variaciones de un solo tono (el más cohesivo)
  • Análoga: Tonos vecinos en la rueda cromática (suave y natural)
  • Complementaria: Tonos opuestos (máximo contraste)
  • Triádica: Tres tonos equidistantes a 120° (vibrante y equilibrado)
  • Complementaria Dividida: Un tono + dos adyacentes al complementario
  • Personalizada: Combinación libre sin patrón armónico definido

Temperatura, Luminancia y Saturación

Cada color se clasifica como cálido (rojos, naranjas, amarillos), frío (azules, verdes, púrpuras) o neutro. La luminancia mide cuánto refleja la luz (importante para jerarquía visual), y la saturación indica la viveza de los colores. El rango entre el valor mínimo y máximo es clave para una paleta equilibrada.

Contraste WCAG

Analizamos todos los pares posibles de colores y calculamos su ratio de contraste según WCAG 2.1. Un ratio de 4.5:1 cumple el nivel AA (texto normal), y 7:1 cumple AAA (máxima accesibilidad). También identificamos los mejores colores de tu paleta para usar como texto sobre fondo blanco o negro.

Características de la herramienta

  • Hasta 10 colores analizados simultáneamente
  • Puntuación global objetiva de 0 a 100
  • Detección de mood: 8 categorías de estilo
  • Armonía automática: 6 tipos detectados
  • Contraste WCAG entre todos los pares
  • Mejores colores para texto sobre blanco y negro
  • Sugerencias de mejora priorizadas
  • Exportar informe completo al portapapeles
  • Paleta aleatoria para experimentar
  • URL con colores: comparte análisis vía enlace

Ejemplos de uso prácticos

Caso 1: Evaluar paleta de competidor

Quieres entender por qué la paleta de una marca exitosa funciona tan bien.

→ Extrae sus colores principales y analízalos
→ Descubre patrones: "Armonía análoga, temperatura cálida, mood profesional"
→ Usa esos insights para crear tu propia paleta competitiva

Caso 2: Diagnóstico de paleta problemática

Tu paleta "no funciona" pero no sabes exactamente por qué.

→ El análisis revela: saturación inconsistente + sin pares con contraste AA
→ Solución: normaliza la saturación y añade un color oscuro para jerarquía

Caso 3: Presentar paleta a cliente

Necesitas justificar tus decisiones de color con datos objetivos.

→ Exporta el informe: "Puntuación 82/100, armonía triádica, mood vibrante"
→ Datos cuantificables respaldan tu propuesta profesional

Caso 4: Verificar accesibilidad de diseño

Tu proyecto debe cumplir WCAG 2.1 pero tienes muchos colores que validar.

→ Carga todos los colores de tu sistema de diseño
→ Identifica qué pares cumplen AA/AAA y cuáles no
→ Encuentra los mejores colores para texto sobre blanco y negro

Preguntas Frecuentes

¿Qué hace una buena paleta de colores?
Una buena paleta tiene balance entre variedad y cohesión. Necesita suficiente contraste para jerarquía visual (al menos un par con ratio 4.5:1 para textos), temperatura consistente con el mensaje de marca, y una armonía cromática definida (análoga, complementaria, triádica, etc.). Una puntuación de 60+ en nuestro analizador indica una paleta funcional.
¿Cuántos colores debe tener mi paleta?
Para la mayoría de proyectos, 3-5 colores principales más 1-2 neutros (blanco, negro, gris). Demasiados colores (7+) pueden crear caos visual. Para branding, 2-3 colores principales son ideales. Para interfaces web, 5 colores más variantes de luminosidad suelen ser suficientes.
¿Cómo se calcula la puntuación global?
La puntuación combina cinco factores: armonía cromática (si sigue un patrón reconocido como análogo o triádico, +15 puntos), contraste WCAG entre pares (hasta 25 puntos), rango de luminancia (hasta 20 puntos, más rango = mejor jerarquía), equilibrio de saturación (hasta 15 puntos), y diversidad de tonos (hasta 25 puntos). El máximo teórico es 100.
¿Qué es el mood o estilo de la paleta?
El mood es la personalidad visual que transmite tu paleta. Se determina por la combinación de saturación, luminosidad, temperatura y contraste. Por ejemplo: colores muy saturados y cálidos = "Vibrante y Energético", baja saturación y alta luminosidad = "Pastel y Suave", tonos oscuros = "Oscuro y Dramático". Es útil para verificar que tu paleta comunica el mensaje deseado.
¿Qué significan las sugerencias de mejora?
Las sugerencias son recomendaciones automáticas basadas en el análisis. Un punto rojo indica prioridad alta (ej: sin contraste accesible), amarillo es media (ej: saturación inconsistente), y azul es baja (ej: poca saturación). Cada sugerencia incluye la acción concreta para mejorar tu paleta.
¿Puedo compartir el análisis de mi paleta?
Sí, de dos formas: (1) La URL incluye los colores como parámetro, así que puedes copiar la dirección del navegador y compartirla directamente. (2) Usa el botón "Exportar Informe" para copiar un resumen completo en texto plano con puntuación, armonía, mood, temperatura, contraste y sugerencias.