
Introduzca un color base y la herramienta generará 9 paletas de colores armoniosas: monocromática, complementaria, triádica, pastel y más. Cada color se puede copiar con su código HEX.
Paleta monocromática
Todos los colores comparten el mismo tono (H), variando principalmente en luminosidad (L) en el espacio de color HSL.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Paleta triádica
Tres tonos separados 120° en el círculo cromático (vértices de un triángulo equilátero), una geometría usada frecuentemente en branding y diseños inspirados en la Bauhaus.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Paleta complementaria dividida
Una variación de la paleta complementaria: en lugar de un complemento (180°), se usan dos colores desplazados aprox. ±30° del complemento, reduciendo la tensión visual y manteniendo un fuerte contraste.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Paleta pastel
El mismo tono con saturación reducida y luminosidad aumentada, un desplazamiento hacia el centro y la parte superior del espacio HSL que produce colores suaves y "cremosos".
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Paleta oscura
El mismo tono con alta saturación (S) y luminosidad reducida (L), un desplazamiento hacia abajo en el eje de luminosidad que produce colores profundos típicos del modo oscuro y acentos intensos.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Paleta tonal (inspirada en Material Design)
Varios pasos de luminosidad de un mismo tono, con L variada y S moderada, similar a los rangos tonales de las directrices de Material Design (p. ej. 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Paleta minimalista (inspirada en Apple)
Un acento de color llamativo y varios neutros muy claros y suaves, un diseño típico de interfaces con mucho espacio en blanco y sombras sutiles.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Paleta análoga
Colores con tonos similares, de aprox. -30° a +30° alrededor del color base en el círculo cromático clásico (p. ej. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Paleta complementaria
El color base y su complemento desplazado 180° en el círculo cromático, uno de los contrastes de color fundamentales descritos por Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
Una paleta de colores coherente es la base de todo proyecto visual, desde un sitio web, pasando por un logotipo, hasta materiales impresos. Seleccionar manualmente colores que funcionen juntos requiere conocimientos de teoría del color. El generador lo hace automáticamente: usted proporciona un color base (p. ej., el color de su logotipo) y la herramienta crea 9 conjuntos de colores basados en esquemas de armonía cromática probados.
Cada color generado viene con su código HEX (p. ej., #4F6BF5) y valor HSL (tono, saturación, luminosidad). El código HEX se puede pegar directamente en CSS, Figma, Canva o cualquier aplicación gráfica.
Todo el proceso tarda solo unos segundos:
El generador crea 9 tipos de paleta, cada uno basado en un principio diferente de la teoría del color:
Todas las paletas se crean transformando matemáticamente el color base en el espacio de color HSL. HSL describe un color con tres valores: el tono (H) es la posición en la rueda cromática (0°-360°), la saturación (S) determina la intensidad del color y la luminosidad (L) indica lo claro u oscuro que es el color.
Las paletas complementaria, triádica y complementaria dividida se basan en la geometría de la rueda cromática: los colores se colocan a intervalos angulares iguales, creando un equilibrio visual. Las paletas monocromática, pastel y oscura cambian solo la luminosidad y la saturación manteniendo el mismo tono.