¿Esta herramienta es gratuita?

Sí, completamente gratis — sin suscripción, sin cuenta y sin límites ocultos. Solo abre la página y empieza a generar paletas.

¿Se suben mis datos de color a un servidor?

No. La herramienta funciona completamente en tu navegador con JavaScript. Nada se envía a ningún servidor — los datos de tu paleta permanecen solo en el localStorage del navegador.

¿El generador de paletas funciona sin conexión?

Sí. Una vez cargada la página, funciona completamente sin conexión. No hay llamadas a API externas ni dependencias de CDN.

¿Cuál es la diferencia entre los modos de armonía?

Aleatorio elige cinco tonos sin relación. Análogo distribuye cinco tonos a 20° de distancia en un rango de 80° del círculo de colores para un aspecto tranquilo y cohesivo. Complementario coloca dos cuadrados cerca del tono base y tres en el lado opuesto del círculo (170°, 180° y 190° alejados) para un alto contraste. Tríada coloca tonos a 120° de distancia: dos cuadrados cerca del tono base, dos cerca de +120°, y uno en +240°. La saturación y la luminosidad varían dentro de un rango moderado en cada modo. El círculo es el círculo de colores HSL (pantalla brillante), por lo que el complemento del rojo es el cian en lugar del verde.

¿Puedo conservar un color que me gusta mientras regenero el resto?

Sí. Haz clic en el icono de bloqueo de cualquier cuadrado para mantenerlo. Los cuadrados bloqueados se omiten durante la generación. En los modos Análogo, Complementario y Tríada, los otros cuadrados se construyen en torno al tono del primer cuadrado bloqueado (un cuadrado gris no tiene tono y se ignora para esto), por lo que la paleta se mantiene armónica en torno a tu color favorito; en el modo Aleatorio, permanecen aleatorios. Tu paleta y bloqueos se guardan en este navegador.

¿Puedo crear una paleta a partir de una imagen?

Sí. Haz clic en 'De imagen' y elige una foto. La herramienta la reduce, agrupa píxeles similares con cuantización de corte por mediana, y elige los cinco grupos más prominentes que claramente se ven diferentes entre sí. Cada resultado es un color que realmente aparece en la imagen en lugar de un promedio, ordenado de oscuro a claro, y todo ocurre en tu navegador: la imagen nunca se sube. Si la imagen tiene menos de cinco colores distintos, como un solo color plano, los cuadrados restantes son pasos más claros y más oscuros del color dominante.

¿Qué formatos de exportación están disponibles?

Copia la paleta como una lista simple HEX, propiedades personalizadas CSS (:root variables), un fragmento de colores Tailwind, un arreglo JSON o tokens de diseño Figma (formato de Tokens Studio). Elige el formato en el menú desplegable, luego haz clic en Copiar todo: listo para pegar en tu código o herramienta de diseño.

¿Puedo ver números Pantone para la paleta?

Sí. Cada una de las cinco muestras muestra su código HEX y el mejor ajuste de PANTONE Solid Coated (por ejemplo, PANTONE 185 C); haz clic en la etiqueta Pantone para copiarlo. Los ajustes utilizan la fórmula de diferencia de color perceptual CIEDE2000 y son una referencia aproximada de sRGB, ya que las tintas Pantone se definen físicamente en lugar de por un valor de pantalla.

¿Puedo generar una paleta a partir de una palabra?

Sí. Escribe un estado de ánimo como atardecer, océano, cyberpunk u obangsaek (los cinco colores tradicionales coreanos) en el cuadro de estado de ánimo y haz clic en De estado de ánimo. Las palabras de estado de ánimo conocidas usan un tono, rango de saturación y luminosidad coincidente, y obangsaek devuelve los cinco colores tradicionales fijos. Las palabras que la herramienta no conoce aún producen una paleta, pero sus colores no están relacionados con el significado de la palabra.

🎨 Generador de paletas de colores

Genera instantáneamente paletas hermosas de 5 colores usando modos de armonía como Análogo, Complementario y Tríada: o extrae una paleta directamente de cualquier imagen, o a partir de una palabra que describe un estado de ánimo, como atardecer. Bloquea los colores que te gusten y el resto de la paleta se construye en torno a ellos, luego exporta el conjunto como una lista HEX, variables CSS, configuración Tailwind, JSON o tokens Figma. Es completamente gratis y funciona por completo en tu navegador sin subidas ni inicio de sesión. ¿Buscas una alternativa gratuita a Coolors? La versión de Toolio es completamente gratuita y no requiere registro.

Presiona la tecla Espacio para generar una nueva paleta.

Privado por diseño. Esta herramienta funciona por completo en tu navegador: nada de lo que introduces se sube, y funciona sin conexión.

Acerca de

Esta herramienta genera paletas de 5 colores de tres maneras: créalas a partir de cuatro modos de armonía (Aleatorio, Análogo, Complementario, Tríada); escribe una palabra que describa un estado de ánimo, como atardecer, océano o cyberpunk, para obtener una paleta en ese estilo; o extrae cinco colores prominentes de cualquier imagen que elijas: la imagen se procesa localmente con cuantización de corte por mediana, cada resultado es un color que realmente aparece en la imagen, y nada se sube. Bloquea cuadrados individuales para mantenerlos entre regeneraciones; en los modos Análogo, Complementario y Tríada, el resto de la paleta se construye en torno al tono del primer cuadrado bloqueado. Copia cualquier código HEX individual o exporta toda la paleta en el formato que necesites: una lista simple HEX, propiedades personalizadas CSS, un fragmento de colores Tailwind, un arreglo JSON o tokens de diseño Figma. Todo funciona en tu navegador, así que ningún dato de color o imagen sale de tu dispositivo: ningún servidor, ninguna cuenta. Cada cuadrado también muestra el número más cercano de PANTONE Solid Coated (por ejemplo, PANTONE 185 C), por lo que una paleta generada o derivada de una imagen puede pasar directamente a un flujo de trabajo de impresión.

Cómo usar

Elige un modo de armonía: Aleatorio, Análogo, Complementario o Tríada, desde el menú desplegable Modo.
Haz clic en Generar (o presiona la tecla de espacio) para crear una nueva paleta de 5 colores.
Haz clic en el icono de bloqueo de cualquier cuadrado para mantener ese color; los otros cuadrados se regeneran en torno a su tono (en el modo Aleatorio permanecen aleatorios).
Haz clic en Copiar HEX en una muestra para copiar el código HEX de ese color al portapapeles.
Usa Copiar todo para copiar los cinco colores a la vez, en el formato de exportación seleccionado junto a él, para usar en tu herramienta de diseño o código.
Haz clic en 'De imagen' y elige una foto: la herramienta extrae sus cinco colores dominantes a la paleta, todo localmente.
Elige un formato de exportación: lista HEX, variables CSS, Tailwind, JSON o tokens Figma, y haz clic en Copiar todo para insertar la paleta en tu proyecto.
O escribe una palabra que describa un estado de ánimo, como atardecer, océano o cyberpunk, y haz clic en De estado de ánimo para generar una paleta en ese estilo.

Preguntas frecuentes

¿Esta herramienta es gratuita?: Sí, completamente gratis — sin suscripción, sin cuenta y sin límites ocultos. Solo abre la página y empieza a generar paletas.
¿Se suben mis datos de color a un servidor?: No. La herramienta funciona completamente en tu navegador con JavaScript. Nada se envía a ningún servidor — los datos de tu paleta permanecen solo en el localStorage del navegador.
¿El generador de paletas funciona sin conexión?: Sí. Una vez cargada la página, funciona completamente sin conexión. No hay llamadas a API externas ni dependencias de CDN.
¿Cuál es la diferencia entre los modos de armonía?: Aleatorio elige cinco tonos sin relación. Análogo distribuye cinco tonos a 20° de distancia en un rango de 80° del círculo de colores para un aspecto tranquilo y cohesivo. Complementario coloca dos cuadrados cerca del tono base y tres en el lado opuesto del círculo (170°, 180° y 190° alejados) para un alto contraste. Tríada coloca tonos a 120° de distancia: dos cuadrados cerca del tono base, dos cerca de +120°, y uno en +240°. La saturación y la luminosidad varían dentro de un rango moderado en cada modo. El círculo es el círculo de colores HSL (pantalla brillante), por lo que el complemento del rojo es el cian en lugar del verde.
¿Puedo conservar un color que me gusta mientras regenero el resto?: Sí. Haz clic en el icono de bloqueo de cualquier cuadrado para mantenerlo. Los cuadrados bloqueados se omiten durante la generación. En los modos Análogo, Complementario y Tríada, los otros cuadrados se construyen en torno al tono del primer cuadrado bloqueado (un cuadrado gris no tiene tono y se ignora para esto), por lo que la paleta se mantiene armónica en torno a tu color favorito; en el modo Aleatorio, permanecen aleatorios. Tu paleta y bloqueos se guardan en este navegador.
¿Puedo crear una paleta a partir de una imagen?: Sí. Haz clic en 'De imagen' y elige una foto. La herramienta la reduce, agrupa píxeles similares con cuantización de corte por mediana, y elige los cinco grupos más prominentes que claramente se ven diferentes entre sí. Cada resultado es un color que realmente aparece en la imagen en lugar de un promedio, ordenado de oscuro a claro, y todo ocurre en tu navegador: la imagen nunca se sube. Si la imagen tiene menos de cinco colores distintos, como un solo color plano, los cuadrados restantes son pasos más claros y más oscuros del color dominante.
¿Qué formatos de exportación están disponibles?: Copia la paleta como una lista simple HEX, propiedades personalizadas CSS (:root variables), un fragmento de colores Tailwind, un arreglo JSON o tokens de diseño Figma (formato de Tokens Studio). Elige el formato en el menú desplegable, luego haz clic en Copiar todo: listo para pegar en tu código o herramienta de diseño.
¿Puedo ver números Pantone para la paleta?: Sí. Cada una de las cinco muestras muestra su código HEX y el mejor ajuste de PANTONE Solid Coated (por ejemplo, PANTONE 185 C); haz clic en la etiqueta Pantone para copiarlo. Los ajustes utilizan la fórmula de diferencia de color perceptual CIEDE2000 y son una referencia aproximada de sRGB, ya que las tintas Pantone se definen físicamente en lugar de por un valor de pantalla.
¿Puedo generar una paleta a partir de una palabra?: Sí. Escribe un estado de ánimo como atardecer, océano, cyberpunk u obangsaek (los cinco colores tradicionales coreanos) en el cuadro de estado de ánimo y haz clic en De estado de ánimo. Las palabras de estado de ánimo conocidas usan un tono, rango de saturación y luminosidad coincidente, y obangsaek devuelve los cinco colores tradicionales fijos. Las palabras que la herramienta no conoce aún producen una paleta, pero sus colores no están relacionados con el significado de la palabra.

Ejecutado 35 veces en los últimos 29 días. Resultado copiado o descargado: 17% Medido en nuestros propios servidores, 2026-10-05–2026-11-03.