ESC

Generador de Paleta de Colores y Conversor

Selector de Color
Ingresa código de color (HEX, RGB, HSL)
Valores de Color
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
CMYK: cmyk(76%, 47%, 0%, 4%)
HSB: hsb(217°, 76%, 96%)
Configuración de Paleta
3 5 12
Paleta Generada
Configuración de Gradiente
0%
100%
Vista Previa del Gradiente
Subir Imagen
Arrastra y suelta imagen aquí

JPG, PNG, GIF, WebP soportados (Máx 10MB)

Colores Extraídos
3 8 16

Ejemplos de Uso

Diseño Web

Crear paletas de colores armoniosas para sitios web.

#FF6B6B #4ECDC4 #45B7D1...
Diseño de Logo

Combinaciones de colores profesionales para identidad de marca.

#2C3E50 #E74C3C #F39C12...
Análisis Visual

Extraer paleta de colores de imágenes existentes.

Análisis de color de foto...

Características

Conversor de Color

Convierte entre formatos HEX, RGB, HSL, CMYK, HSB

Extracción de Color de Imagen

Extracción automática de colores dominantes de imágenes

Generador de Gradientes

Crea gradientes lineales, radiales y cónicos

Tipos de Paleta

Tipos de paleta monocromática, análoga, complementaria

📋

Copiado Fácil

Copia códigos de color al portapapeles con un clic

Accesibilidad

Contrastes amigables para daltónicos y sugerencias

¿Cómo Usar?

1

Seleccionar Color

Usa el selector de color o ingresa el código de color

2

Elegir Formato

Selecciona el formato de color deseado (HEX, RGB, HSL, CMYK)

3

Generar Paleta

Crea paletas de colores profesionales con diferentes tipos de armonía

4

Crear Gradientes

Genera gradientes personalizados y obtén el código CSS

5

Análisis de Imagen

Extrae colores automáticamente de imágenes y agrega a tu paleta

Preguntas Frecuentes

HEX, RGB, HSL, CMYK y HSB. Ingresa un valor en cualquier formato y los demás se actualizan al instante.

Sube una imagen en la pestaña Análisis de Imagen y la herramienta extrae los colores dominantes automáticamente.

Sí, puedes exportar en JSON, CSS o ASE y usarlas directamente en Figma, Sketch o tu CSS.

¿Qué es un generador de paletas de colores?

Es una herramienta que te ayuda a crear esquemas de color cohesivos para sitios web, apps o cualquier proyecto de diseño. Eliges un color base y el generador calcula combinaciones armoniosas usando teoría del color: monocromática, análoga, complementaria, triádica y más.

Convierte colores al instante

¿Trabajas con HEX en tu CSS pero necesitas RGB para un canvas de JavaScript? Esta herramienta convierte entre HEX, RGB, HSL, CMYK y HSB en tiempo real. Ingresa un valor en cualquier formato y ve los demás actualizarse al instante.

Extrae colores de cualquier imagen

Sube una foto o captura de pantalla y deja que la herramienta extraiga los colores dominantes. Perfecto para crear una paleta que coincida con una marca existente, un mood board o una foto en la que quieras basar tu diseño. Compatible con JPG, PNG, GIF y WebP hasta 10MB.

Genera gradientes CSS

Crea gradientes lineales, radiales o cónicos de forma visual, luego copia el código CSS con un clic. Puedes agregar tantas paradas de color como necesites, ajustar la dirección y previsualizarlo en vivo.

Privacidad primero

Todo se ejecuta en tu navegador. Tus imágenes y datos de color nunca salen de tu dispositivo, nada se sube a ningún servidor. Úsalo con total tranquilidad.

Seguridad y Privacidad

La seguridad de tus datos es nuestra prioridad

Procesamiento Local

Todo el procesamiento ocurre en tu navegador

Sin Transferencia de Datos

Tus datos no se envían a nuestros servidores

Sin Almacenamiento de Datos

No se almacenan ni comparten datos

Cifrado SSL

Cifrado SSL para conexión segura

Siguiente Paso