Toolhaus

Generador de paletas de color

Genera sombras, tintes y armonías de color a partir de cualquier color base.

Elige un color base para crear al instante una escala monocromática de sombras y tintes, además de armonías complementaria, análoga, triádica y tetrádica. Copia cualquier HEX con un clic. Todo funciona en tu navegador.

El selector de pantalla no es compatible con este navegador; usa el selector o pega un código HEX.

Códigos de color
Color con nombre más cercano
Royal Blue
#4169e1 · Δ 30.33
HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
Paleta y armonías
Sombras y tintes
Complementario
Análogo
Triádico
Tetrádico

Toca cualquier muestra para usarla como color base.

Mezclador de color
Proporción de mezcla: 50% / 50%
Color mezclado#8d51a5

Elige un color base con el selector de muestras, el cuentagotas o escribiendo un valor HEX, RGB o HSL; luego desplázate hacia abajo para ver la escala de sombras y tintes junto con las filas de armonías complementaria, análoga, triádica y tetrádica generadas al instante. Haz clic en cualquier muestra para copiar su código HEX al portapapeles.

Fórmula y metodología

Las sombras varían la luminosidad con tono y saturación fijos. Las armonías rotan el tono en la rueda: complementaria 180°, análoga ±30°, triádica 120°, tetrádica 90°.

Ejemplo resuelto

  • #2563eb → Escala azul + naranja complementario y conjunto triádico

Preguntas frecuentes

¿Qué es una armonía de color?

Un conjunto de colores con una relación fija en la rueda cromática (como complementaria o triádica) que suele verse equilibrado.

¿Cuál es la diferencia entre colores complementarios y análogos?

Los complementarios están en lados opuestos de la rueda cromática y crean un contraste fuerte, ideales para botones o acentos que deben destacar. Los análogos están uno junto al otro y se ven tranquilos y armoniosos, ideales para fondos o degradados.

¿Cuándo debería usar un esquema triádico o tetrádico?

El triádico usa tres tonos equidistantes para un look vibrante pero equilibrado. El tetrádico usa dos pares complementarios para la mayor variedad de color, pero funciona mejor cuando un tono predomina y los demás actúan como acentos.

¿Puedo copiar un código de color directamente desde la paleta?

Sí. Haz clic en cualquier muestra de las filas de sombras, tintes o armonías para copiar su código HEX al portapapeles al instante.

¿Esta herramienta guarda mi paleta?

No. Todo se ejecuta localmente en tu navegador y nada se guarda ni se sube, así que copia los códigos que quieras o toma una captura de pantalla antes de cerrar la página.

Privacidad

Todo el procesamiento ocurre localmente en tu navegador. Tus datos nunca se suben.

Lee la guía práctica de esta categoría.

Herramientas relacionadas