🎨 Generador de paletas de colores
Genera instantáneamente paletas de 5 colores hermosas usando modos de armonía como análoga, complementaria y triádica — o extrae una paleta directamente de cualquier imagen. Bloquea los colores que te gusten, luego exporta el conjunto como una lista de HEX, variables de CSS, configuración de Tailwind o JSON. Es completamente gratis y funciona completamente en tu navegador sin subidas ni inicio de sesión.
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 ni se guarda, y funciona sin conexión.
Acerca de
Esta herramienta crea paletas de 5 colores de dos maneras: generándolas a partir de cuatro modos de armonía (Aleatorio, Análogo, Complementario, Triádico), o extrayendo los cinco colores dominantes de cualquier imagen que elijas — la imagen se procesa localmente con cuantización median-cut y nunca se sube. Bloquea muestras individuales para mantenerlas entre regeneraciones, luego copia cualquier código HEX o exporta toda la paleta en el formato que necesites: una lista simple de HEX, propiedades personalizadas de CSS, un fragmento de colores Tailwind o un array JSON. Todo funciona en tu navegador, así que ningún dato de color o imagen sale de tu dispositivo — sin servidor, sin cuenta. Cada muestra también muestra su número de PANTONE Solid Coated más cercano (por ejemplo, PANTONE 185 C), así que una paleta generada o derivada de una imagen puede moverse directamente hacia un flujo de trabajo de impresión.
Cómo usar
- Elige un modo de armonía — Aleatorio, Análogo, Complementario o Triádico — en el menú desplegable Modo.
- Haz clic en Generar (o pulsa la barra espaciadora) para crear una nueva paleta de 5 colores.
- Haz clic en el icono de candado de cualquier muestra para fijar ese color mientras se regeneran los demás.
- Haz clic en Copiar HEX en una muestra para copiar el código HEX de ese color al portapapeles.
- Usa Copiar todo para exportar los cinco códigos HEX de una sola vez y usarlos en tu herramienta de diseño o código.
- Haz clic en 'Desde imagen' y elige una foto — la herramienta extrae sus cinco colores dominantes en la paleta, todo localmente.
- Elige un formato de exportación — lista de HEX, variables de CSS, Tailwind o JSON — y haz clic en Copiar para insertar la paleta en tu proyecto.
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 agrupa cinco tonos cercanos en la rueda de colores para un aspecto tranquilo y cohesionado. Complementario empareja tonos de lados opuestos para alto contraste. Triádico distribuye tres familias de tonos a 120 grados para paletas vibrantes y equilibradas.
- ¿Puedo conservar un color que me gusta mientras regenero el resto?
- Sí. Haz clic en el icono de candado de cualquier muestra para fijarla. Las muestras bloqueadas se omiten durante la generación, así puedes explorar libremente alrededor de tus colores favoritos.
- ¿Puedo crear una paleta a partir de una imagen?
- Sí. Haz clic en 'Desde imagen' y elige una foto; la herramienta extrae sus cinco colores dominantes usando cuantización median-cut, completamente en tu navegador — la imagen nunca se sube.
- ¿Qué formatos de exportación están disponibles?
- Copia la paleta como una lista simple de HEX, propiedades personalizadas de CSS (:root variables), un fragmento de colores Tailwind o un array JSON — 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.