Extractor de paleta de imagen
Extrae los colores dominantes de cualquier imagen en forma de paleta. Copia cada color en HEX, RGB o HSL, o exporta el conjunto completo como variables CSS o una escala de colores de Tailwind. La extracción es determinista y ocurre entera en tu navegador: la misma imagen siempre da la misma paleta y nada se sube a ningún sitio.
Arrastra una imagen aquí
Tu imagen se queda en tu dispositivo. No se sube nada.
Arrastra o elige una imagen para extraer su paleta de colores.
Qué hace esta herramienta
Arrastra una foto, una captura o un logo y esta herramienta saca los colores que la definen. Usa cuantización por corte de mediana (median cut), el algoritmo clásico que agrupa los píxeles de la imagen dentro del cubo de color RGB y los va dividiendo hasta obtener el número de colores representativos que le pidas. El resultado es determinista: ejecútalo dos veces sobre la misma imagen y obtienes exactamente la misma paleta, así que puedes fiarte de él en un sistema de diseño. Cada color viene con sus valores HEX, RGB y HSL, listos para copiar con un clic, y puedes exportar la paleta entera como propiedades personalizadas de CSS o una escala de colores de Tailwind para pegarla directamente en tu proyecto. Como la imagen se decodifica y se analiza en tu navegador, nunca sale de tu dispositivo.
Para qué te sirve
- Crea una paleta de marca a partir de un logo o una foto de referencia en segundos.
- Convierte un moodboard o una captura en variables CSS que pegas en tu hoja de estilos.
- Saca una escala de colores de Tailwind de una ilustración para mantener tu interfaz coherente.
- Consigue el HEX exacto de un color de una imagen sin usar un cuentagotas aparte.
- Revisa los colores dominantes de una foto de producto antes de diseñar a su alrededor.
Cómo se usa
- Arrastra una imagen a la caja o haz clic para elegir una de tu dispositivo.
- Mueve el control de número de colores para elegir cuántos extraer, de 2 a 12.
- Haz clic en cualquier color para copiar su valor en el formato que elijas.
- Cambia el formato de exportación entre HEX, RGB, HSL, variables CSS y Tailwind.
- Copia la paleta entera o descárgala, y luego envía los colores a las herramientas de diseño de abajo.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Otras herramientas del mismo campo
ImagenGenerador de Paletas de Color
Genera paletas de color armónicas a partir de cualquier color base: análogas, complementarias y más. Gratis, en tu navegador, listas para copiar.
Conversor de Color: HEX, RGB, HSL
Convierte colores entre HEX, RGB y HSL online. Pega cualquier formato y obtén los demás al instante. Gratis, sin subidas y en tu navegador.
Verificar Contraste de Color (WCAG)
Comprueba el contraste de color WCAG entre texto y fondo, con vistas previas en vivo, resultado aprobado o suspenso y sugerencias accesibles.
Convertir Imagen: PNG, JPG, WebP
Convierte imágenes entre PNG, JPG y WebP online, en cualquier dirección. Rápido, gratis y totalmente en tu navegador, sin subidas.
Preguntas frecuentes
¿Cómo se eligen los colores?
La herramienta usa cuantización por corte de mediana. Trata cada píxel como un punto en el cubo de color RGB, divide una y otra vez la región más poblada por su eje más ancho y promedia cada grupo final en un color. Luego los ordena según cuánto ocupan de la imagen, de modo que el color más dominante aparece primero.
¿La paleta es siempre la misma para la misma imagen?
Sí. El algoritmo es totalmente determinista: no hay azar, así que la misma imagen con el mismo número de colores produce siempre la misma paleta exacta. Eso lo hace fiable para sistemas de diseño y documentación reproducible.
¿Se sube mi imagen a algún sitio?
No. La imagen se decodifica y se analiza por completo en tu navegador con JavaScript puro. Nunca se envía a un servidor, por eso no hay límite de tamaño ni esperas.
¿Qué formatos de imagen funcionan?
Cualquier formato que tu navegador pueda decodificar: PNG, JPG, WEBP y GIF. Los píxeles totalmente transparentes se ignoran para que no arrastren la paleta hacia un color de fondo invisible.
¿Cómo uso los colores en mi diseño?
Copia un color en HEX, RGB o HSL, o exporta la paleta entera como variables CSS o una escala de Tailwind. También puedes abrir el Generador de paletas, el Conversor de colores o el Comprobador de contraste desde los botones de abajo para seguir trabajando con los colores.