Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Generador de Paletas de Colores

Generador de Paletas de Colores

Crea paletas de colores armoniosas con reglas de teoría del color o extrae los colores dominantes de cualquier imagen. Copia como CSS, SCSS, Tailwind, JSON o PNG.

Generador de Paletas de Colores

El Generador de Paletas de Colores crea esquemas de colores armoniosos en segundos, ya sea a partir de reglas comprobadas de teoría del color o extrayendo los colores dominantes de cualquier imagen. Elige un color base o sube una foto y obtendrás una paleta lista para usar con códigos HEX que puedes copiar directamente a tu proyecto.

Sirve a diseñadores web, creadores de marca y a cualquiera que elija colores para un proyecto creativo. Usa el modo Teoría del color para convertir un color base en un esquema complementario, análogo, triádico, complementario dividido, tetrádico o monocromático, o cambia al modo Desde imagen para extraer de 3 a 10 colores dominantes de una imagen.

Privado por diseño: cada paleta se crea en tu navegador, incluida la extracción de colores de imágenes. Tus imágenes y elecciones de color nunca se suben a un servidor.

Cómo usar el Generador de Paletas de Colores

1

Elige cómo empezar

Quédate en la pestaña Teoría del color para crear una paleta a partir de un color base, o cambia a la pestaña Desde imagen para extraer colores de una foto.

2

Define tu entrada

En el modo Teoría del color, elige un Color base (con el selector de color o por HEX) y una regla de Armonía. En el modo Desde imagen, arrastra o haz clic para subir un PNG, JPG, GIF o WebP y define la cantidad de colores con el control deslizante (3 a 10).

3

Genera la paleta

Haz clic en Generar para crear un esquema basado en teoría, o en Extraer colores para leer los colores dominantes de tu imagen. Tu paleta aparece al instante con el código HEX y el nombre más cercano de cada color.

4

Ajusta y exporta

Fija los colores que te gusten y luego Mezcla el resto. Haz clic en cualquier muestra para Copiar su HEX, o exporta toda la paleta como CSS, SCSS, Tailwind, JSON o PNG.

Funciones

Generación con teoría del color

Convierte un solo color base en una paleta usando seis reglas de armonía: complementarios, análogos, triádicos, complementarios divididos, tetrádicos y monocromáticos.

Extracción de colores de imágenes

Sube cualquier imagen y un algoritmo de agrupamiento k-means encuentra sus colores dominantes, ideal para combinar con una foto, un logo o una obra de arte.

Fijar y mezclar

Fija los colores que te encantan y luego mezcla el resto para acercarte a la combinación perfecta sin perder lo que ya funciona.

Varios formatos de exportación

Copia tu paleta como variables CSS, variables SCSS, configuración de Tailwind o JSON, o descárgala como una imagen PNG de referencia con etiquetas.

Historial de paletas

Tus últimas 20 paletas se guardan localmente para que puedas volver a ellas y recargar combinaciones anteriores con un solo clic.

Nombres de colores

Cada muestra indica el nombre del color más cercano, lo que facilita comunicar, recordar y compartir tu paleta.

Cantidad de colores ajustable

Al extraer de una imagen, mueve el control deslizante entre 3 y 10 colores para obtener una paleta tan ajustada o tan variada como necesites.

Copia de HEX con un clic

Haz clic en el icono de copiar de cualquier muestra para obtener su código HEX al instante, listo para pegar en tu herramienta de diseño o tu hoja de estilos.

Preguntas frecuentes

¿Cómo genero una paleta de colores?

En la pestaña Teoría del color, elige un color base, escoge una regla de armonía y haz clic en Generar. Aparece una paleta completa con el código HEX de cada color, lista para copiar o exportar.

¿Cómo creo una paleta a partir de una imagen?

Cambia a la pestaña Desde imagen y luego arrastra o haz clic para subir una foto. Define cuántos colores quieres con el control deslizante (3 a 10) y haz clic en Extraer colores. La herramienta lee los colores dominantes de la imagen y los convierte en una paleta.

¿Qué es una paleta complementaria, análoga o triádica?

Son reglas de armonía de color basadas en posiciones del círculo cromático. Los complementarios usan colores opuestos entre sí (180°) para un alto contraste. Los análogos usan colores vecinos para una sensación calmada y cohesiva. Los triádicos usan tres colores espaciados de forma uniforme (120°) para un resultado vibrante pero equilibrado.

¿Qué regla de armonía debería elegir?

Depende de tu objetivo: complementarios para alto contraste e impacto, análogos para diseños calmados y cohesivos, triádicos para un color vibrante pero equilibrado y monocromáticos para una sensación elegante y unificada. Los complementarios divididos y los tetrádicos quedan en medio, para un contraste más suave o combinaciones más ricas.

¿Cómo creo una paleta a partir de un solo color base?

Ingresa tu color base en el selector de Color base (o escribe su HEX), elige cualquier regla de armonía y haz clic en Generar. Cada color de la paleta resultante se deriva de ese único color base usando cálculos de teoría del color.

¿Cómo obtengo los códigos HEX de mi paleta?

Cada muestra indica su código HEX directamente en la paleta. Haz clic en el icono de copiar de una muestra para copiar un solo código, o usa el menú de exportación para copiar todos los colores a la vez como CSS, SCSS, Tailwind o JSON.

¿Mis imágenes se suben a un servidor?

No. Todo el procesamiento de imágenes y la extracción de colores ocurren por completo en tu navegador. Tus imágenes nunca salen de tu dispositivo, así que tu trabajo se mantiene privado.

¿Qué formatos de imagen son compatibles?

Puedes subir imágenes PNG, JPG, GIF y WebP, y extraer entre 3 y 10 colores de cualquiera de ellas.

¿Puedo usar estas paletas de forma comercial?

Sí. Los colores que generas no tienen derechos de autor y se pueden usar libremente en cualquier proyecto personal o comercial.

Suelta la imagen aquí o haz clic para subir

PNG, JPG, GIF, WebP

Historial
Aún no hay historial
Elige un color base y una regla de armonía para crear una paleta combinada
Sube una imagen para extraer los colores dominantes automáticamente
Haz clic en el icono de candado en los colores que quieras conservar y mezcla el resto
Ajusta el control deslizante de 3 a 10 colores al extraer de una imagen
Exporta como CSS, SCSS, Tailwind, JSON o PNG para tus proyectos
Todo el procesamiento ocurre en tu navegador: las imágenes nunca se suben
¿Quieres aprender más? Leer documentación →
1/7
Comience a escribir para buscar...
Buscando...
No se encontraron resultados
Pruebe con otras palabras clave