color_lens Generador de Paleta de Colores star

Cómo Funciona

La teoría del color define las reglas de armonía como relaciones angulares fijas entre matices en una rueda de color. Esta herramienta las calcula en el modelo HSL (Hue, Saturation, Lightness — Tono, Saturación, Luminosidad) en lugar de RGB, porque el Tono es un valor natural de 0–360° sobre un círculo — sumar un ángulo para encontrar un color relacionado es aritmética directa. En RGB, los colores son solo tres canales de intensidad sin ninguna noción inherente de "ángulo", así que el mismo cálculo de armonía requeriría convertir a HSL internamente de todos modos; esta herramienta simplemente trabaja en el espacio donde la matemática es nativa.

A partir del Tono de tu color base, se derivan: complementaria (el único tono directamente opuesto, base + 180°, para el máximo contraste), triádica (tres tonos repartidos uniformemente alrededor de la rueda a intervalos de 120°, vívidos pero equilibrados), análoga (tonos vecinos a ±30°, que se perciben serenos y cohesivos porque están próximos entre sí), complementaria dividida (los dos tonos que flanquean el complementario, a ±150°, dando contraste con menos tensión que un par puramente complementario), y una escala monocromática que mantiene fijos el Tono y la Saturación mientras hace subir y bajar la Luminosidad. Por ejemplo, un tono base de 200° (un azul) produce un tono complementario de 20° (un naranja) y tonos triádicos en 320° y 80°.

Lo Que Deberías Saber

• Una receta práctica 60-30-10: usa el color base para aproximadamente el 60% del diseño, un tono análogo para el 30% y el complementario como acento del 10% — botones, enlaces, resaltados.
• La armonía no es accesibilidad. Que dos tonos estén matemáticamente relacionados en la rueda no dice nada sobre su contraste de luminosidad; verifica por separado las combinaciones de texto sobre color con WCAG.
• Haz clic en cualquier muestra para copiar su código hex directamente a tu portapapeles.
• La saturación y la luminosidad siguen importando enormemente. Dos paletas pueden compartir exactamente el mismo conjunto de tonos y aun así parecer completamente distintas en su ánimo — una versión de baja saturación y alta luminosidad se percibe suave y pastel, mientras que los mismos tonos a plena saturación y baja luminosidad se perciben audaces y dramáticos.
• Las asociaciones culturales no siguen la rueda. El compañero de armonía matemáticamente "correcto" de un tono no dice nada sobre lo que ese color transmite en una región o industria dada — el rojo puede leerse como alarma en un contexto y como celebración en otro, independientemente de cualquier regla de armonía.

Un ejemplo rápido resuelto: elige #3B82F6 (un azul medio, aproximadamente tono 217°) como base. El complementario cae cerca del tono 37°, un naranja cálido — un emparejamiento natural para un botón principal frente a una interfaz dominada por el azul. El conjunto triádico añade tonos cerca de 97° (un amarillo verdoso) y 337° (un magenta rosado), útil cuando un diseño necesita tres colores de acento distintos pero equilibrados, como etiquetas de categoría o las series de datos de un gráfico.