Sube cualquier imagen para extraer al instante sus colores dominantes: con códigos hex, valores RGB y valores HSL.
Todo funciona directamente en tu navegador usando la API Canvas. No se envía ningún archivo a ningún servidor. Funciona con JPG, PNG, WebP, GIF, BMP, AVIF y más.
Suelta una imagen o haz clic para subirPNG, JPG, WebP, GIF, BMP, AVIF: cualquier imagen legible por el navegador
Extrayendo colores…
Colores Dominantes
Cómo funciona
Algoritmo de Extracción de Colores
Esta herramienta muestrea píxeles de tu imagen usando la API Canvas de HTML5 y agrupa colores similares usando un algoritmo de agrupación: la misma técnica central detrás de las herramientas profesionales de paletas de colores. Los colores similares (dentro de un umbral de distancia RGB definido) se fusionan en clústeres, y el color promedio de cada clúster se convierte en una muestra. Luego, los clústeres se ordenan por cuántos píxeles representan, por lo que los colores más dominantes aparecen primero. No se utilizan bibliotecas externas; toda la extracción se ejecuta localmente en tu navegador en milisegundos.
Teoría del color
Usando tu Paleta de Manera Efectiva
Entender las relaciones de color te ayuda a crear diseños armoniosos a partir de cualquier paleta extraída.
Colores Complementarios
Colores opuestos entre sí en la rueda de colores. Crean un fuerte contraste y se realzan mutuamente: ideales para botones de llamada a la acción y destacados.
Paletas Análogas
Colores que se sitúan uno al lado del otro en la rueda de colores. Se sienten naturalmente cohesivos y son excelentes para fondos, degradados y diseños calmados y fluidos.
Paletas Triádicas
Tres colores espaciados uniformemente alrededor del círculo cromático. Ofrecen una variedad vibrante y equilibrada, ideal para marcas divertidas y diseños energéticos.
Monocromático
Diferentes matices, tintes y tonos de un solo color. Elegante y muy cohesionado, perfecto para sitios de fotografía minimalistas y portafolios profesionales.
Casos de uso
¿Qué puedes hacer con una paleta de colores?
Las paletas extraídas son útiles de inmediato en muchos flujos de trabajo creativos.
Identidad de marca
Extrae la paleta de una foto de marca o producto para construir un sistema de colores coherente para logotipos, empaques y materiales de marketing.
Diseño web
Toma una paleta de una imagen principal para definir tus variables CSS: fondos, colores de texto y tonos de acento que armonicen con tus imágenes. Usa el Editor de fotos para aplicar esos colores directamente a tus composiciones.
Fotografía
Analiza el estado de ánimo y el tono en las fotos. Los fotógrafos usan la extracción de paletas para asegurar una historia de color coherente en toda una sesión o portafolio.
Diseño de impresión
Convierte los valores hexadecimales extraídos a equivalentes CMYK para producción impresa. Asegúrate de que tus materiales impresos coincidan con la intención visual de tus imágenes originales. Usa la Calculadora de DPI / PPI para verificar que tu imagen tenga suficiente resolución para el tamaño de impresión deseado antes de enviarla a la imprenta.
Consejos
Consejos para mejores resultados
Usa imágenes de alta calidad. Las imágenes de baja resolución o muy comprimidas pueden tener artefactos de bandas de color que distorsionen la paleta extraída.
Sube un recorte representativo. Si solo quieres colores de un área específica (un producto, un cielo, un rostro), recorta la imagen antes de subirla para obtener resultados más precisos.
Considera el tema de la imagen. Las imágenes muy recargadas con cientos de colores pueden producir una paleta dominada por tonos medios. Recorta una sección clave para una diferenciación más nítida de la paleta.
Usa archivos PNG para mayor precisión. PNG no tiene pérdida, por lo que los colores son exactamente los capturados. La compresión JPEG puede introducir cambios de color sutiles en degradados y sombras.
Preguntas frecuentes
Preguntas frecuentes
No. Tu imagen nunca sale de tu dispositivo. Todo el procesamiento ocurre localmente usando la API de Canvas de HTML5. No hay ningún servidor involucrado en la extracción de color: no podemos ver, almacenar ni acceder a tus archivos.
Por defecto, la herramienta extrae los 6 colores más dominantes de la imagen. El algoritmo muestrea píxeles, agrupa los similares en grupos y devuelve los grupos principales ordenados por la cantidad de píxeles que representan, dándote los colores con mayor presencia visual.
Se admite cualquier formato de imagen que tu navegador pueda renderizar: JPEG, PNG, WebP, GIF (primer fotograma), BMP, AVIF y HEIC en navegadores compatibles. El archivo se dibuja en un elemento Canvas, por lo que el formato solo necesita ser legible por el navegador. Si quieres comparar cómo difiere la representación del color entre versiones JPG y PNG de una imagen, usa nuestra herramienta Comparación de formatos de imagen para verlas una al lado de la otra.
Pasa el cursor sobre cualquier muestra de color y haz clic en la superposición "Copiar hex" que aparece. Alternativamente, usa el botón "Copiar todos los hex" para copiar todos los códigos hexadecimales de la paleta a la vez, separados por comas, listos para pegar en Figma, CSS o cualquier herramienta de diseño.
Al hacer clic en "Descargar PNG de paleta" se genera una imagen PNG de 600×80 píxeles que contiene todos los colores extraídos como franjas de color de igual ancho. Es útil para paneles de inspiración, presentaciones de diseño o para compartir tu paleta con un cliente o miembro del equipo.
La extracción de color muestrea píxeles matemáticamente, por lo que refleja los colores estadísticamente más frecuentes, no necesariamente los que se sienten más prominentes visualmente. Un cielo azul grande dominará incluso si un logotipo rojo pequeño parece más importante. Intenta recortar el área que te interesa para obtener resultados más precisos; usa la Calculadora de relación de aspecto para asegurarte de que tu recorte mantenga las proporciones que necesitas. Para verificar los colores exactos en tu archivo fuente, usa nuestro Visor de metadatos de imagen para ver los detalles completos del archivo antes de extraer.
Sí: cada muestra ya muestra el código hexadecimal, los valores RGB y los valores HSL juntos. Puedes leerlos directamente desde la tarjeta sin ningún paso de conversión adicional.
