Extraer Colores
de una Imagen
Obtén los colores dominantes de cualquier imagen y sus códigos HEX, RGB y HSL con un clic. Gratis y sin subir archivos.
Suelta una imagen aquí o haz clic para subirla
PNG, JPG, WebP
Cómo funciona
Sube la imagen
Suelta o elige cualquier imagen PNG, JPG o WebP.
Extrae los colores
Los colores dominantes se detectan analizando los píxeles, todo en tu navegador.
Copia y descarga
Haz clic en cualquier valor para copiarlo o descarga la paleta completa en PNG.
Extraer los colores de una imagen online gratis y obtener su paleta en HEX, RGB y HSL para branding, diseño web o moodboards. La herramienta de paleta de colores de ConverterUp analiza cualquier foto subida y devuelve los colores más representativos con valores HEX, RGB y HSL listos para copiar. Los diseñadores pueden montar una paleta a partir de una foto de producto, los ilustradores pueden muestrear arte de referencia y los desarrolladores pueden extraer colores de tema desde una captura de pantalla. La imagen se procesa íntegramente en el navegador con un algoritmo de cuantización, así que capturas privadas y obras inéditas nunca se suben a un servicio remoto.
Cómo funciona la extracción de paletas
El extractor aplica agrupamiento k-means (con inicialización k-means++) sobre una copia reducida de la imagen. Los píxeles parecidos se reúnen en ocho grupos y el centro de cada grupo pasa a ser un color de la paleta, junto con el porcentaje de la imagen que ocupa. El resultado prioriza la cobertura por encima de la viveza: las zonas grandes y apagadas (cielo, paredes, piel) suelen quedar por delante de los acentos pequeños y saturados.
Si prefieres colores vivos en lugar de los dominantes, recorta antes la imagen a la zona que contiene esos colores, por ejemplo solo el logotipo o el producto, sin el fondo.
Cada píxel se procesa localmente en tu navegador, así que la imagen nunca llega a un servidor remoto. Eso importa cuando analizas fotos de producto inéditas, maquetas internas o capturas con contenido sensible.
Casos de uso: branding, temas de UI, moodboards
Descubrimiento de marca: suelta una foto principal, una captura de la home de un competidor o un render de producto y extrae los colores que definen la identidad visual. Copia los valores HEX directamente al panel de estilos de Figma o a una configuración de Tailwind.
Temas de UI a partir de una captura: los desarrolladores pueden elegir un color primario, secundario y de acento desde cualquier maqueta en pocos clics, sin tener que buscar píxel a píxel con el cuentagotas.
Moodboards y diseño editorial: fotógrafos e ilustradores pueden construir paletas coherentes a partir de una imagen de referencia, copiar los códigos en InDesign, Photoshop o Procreate, o descargar la paleta como imagen PNG.
Comprobaciones de accesibilidad: combina los colores extraídos con un comprobador de contraste antes de fijarlos en un design system. Una paleta que queda bien sobre una imagen principal suele fallar las pautas WCAG cuando se usa como texto sobre un fondo claro.
HEX, RGB, HSL: qué formato de color copiar
HEX (#2DD4BF) es el más compacto y universal: CSS, herramientas de diseño, guías de marca y Tailwind aceptan hex. Es la opción por defecto en caso de duda.
RGB (rgb(45, 212, 191)) es preferible cuando necesitas exponer un canal alfa vía rgba(), o cuando trabajas con librerías de procesamiento de imagen que operan directamente sobre canales 0–255.
HSL (hsl(172, 66 %, 50 %)) describe el color en términos humanos —matiz, saturación, luminosidad— y es el formato más fácil de editar. Desplaza el matiz 30° para conseguir un color análogo, baja la luminosidad un 10 % para una tonalidad más oscura, todo sin salir del formato.
Preguntas frecuentes
¿Cómo elige la herramienta los colores dominantes?
Usa agrupamiento k-means: los píxeles parecidos se reúnen en ocho grupos y el centro de cada grupo pasa a ser un color de la paleta, con el porcentaje de la imagen que ocupa. El resultado prioriza la cobertura por encima de la viveza, así que los fondos apagados pueden aparecer por delante de los colores de acento.
¿Cuántos colores devuelve?
Ocho colores, ordenados según cuánto de la imagen ocupa cada uno, con el porcentaje junto a cada muestra.
¿Se envían mis imágenes a algún sitio?
No. La imagen la decodifica el navegador, se reduce en memoria y se analiza en local. ConverterUp nunca recibe el archivo ni la paleta resultante.
¿Qué formatos de imagen puedo analizar?
PNG, JPG/JPEG y WebP. Para mejores resultados usa una imagen limpia sin marcas de agua pesadas, ya que las superposiciones de texto se pueden detectar como un color propio.
¿Cómo saber el color de una imagen?
Sube la imagen y la herramienta detecta sus colores dominantes al instante. Cada color muestra su código HEX, RGB y HSL; pulsa sobre él para copiarlo y pégalo en Canva, Figma, Photoshop o tu CSS.
¿Cómo obtener el código HEX de un color de una imagen?
Cada color de la paleta muestra su código HEX (por ejemplo #2DD4BF) junto a RGB y HSL. Pulsa sobre el valor para copiarlo y pégalo en tu editor de diseño o en tu CSS.