Paleta de colores de imagen

Abre una imagen y obtén sus colores principales en un segundo, con sus códigos y cuánto de la imagen ocupa cada uno. Haz clic en la imagen para añadir un color exacto.

Elige una imagen
Elige cuántos colores y el orden
Copia los códigos o descarga la paleta

Cargando herramienta…

Sus archivos nunca salen de su dispositivo

Cómo se encuentran los colores

La imagen se reduce y sus píxeles se agrupan por colores parecidos (k-means en el espacio CIELAB, cercano a la visión humana).
Cada color muestra el porcentaje de la imagen que ocupa.
Se ignoran las zonas transparentes de PNG o WEBP.

Usar la paleta

Copia un código HEX o todos a la vez.
El CSS da variables listas (--color-1…) para una web.
GPL funciona en GIMP e Inkscape, ASE en herramientas de Adobe y JSON en código.

Consejos

Usa 3–5 colores para un logo o marca y 8–12 para una foto detallada. Ordena por luminosidad para degradados o por tono para el orden de la rueda de color.

Preguntas frecuentes

¿Se sube mi imagen?

No. Los colores se calculan en tu navegador.

¿Por qué un color es algo distinto de lo esperado?

Cada color es el promedio de un grupo de píxeles parecidos. Haz clic en la imagen para tomar un píxel exacto.

¿Qué formatos puedo abrir?

JPG, PNG, WEBP, GIF, BMP y AVIF.

¿Puedo sacar los colores de un logo?

Sí. Elige 3–5 colores; el fondo transparente se ignora.

¿Qué es ASE?

Adobe Swatch Exchange: impórtalo en las muestras de Photoshop, Illustrator o InDesign.

¿La misma imagen da siempre la misma paleta?

Sí, el cálculo es repetible.

Herramientas relacionadas

Comprimir imagenReduzca el tamaño de imágenes JPG, PNG y WEBP. Cambiar tamaño de imagenAjuste las dimensiones en píxeles o por porcentaje. Convertir imagenConvierta imágenes entre JPG, PNG y WEBP. Girar imagenGire o voltee sus imágenes. Recortar imagenRecorta una foto con medidas exactas. HEIC a JPGConvierte fotos de iPhone a JPG o PNG.

Guarde esta herramienta para usarla más tarde

Añada esta página a los marcadores de su navegador pulsando Ctrl + D