Ir al contenido
Rotina Diária

Extraer colores de una imagen

Descubre la paleta de colores dominantes de una foto o un logotipo, con códigos HEX y RGB para copiar.

o arrastra y suelta aquí · Ctrl+V para pegar

Procesado en tu dispositivo. Tus archivos no se envían a ningún servidor.

Cómo usar: Extraer colores de una imagen

  1. Selecciona o pega la imagen (foto, logotipo o captura de pantalla de un sitio web).
  2. Consulta los colores dominantes y el porcentaje de cada uno; haz clic en un código para copiarlo.
  3. Ajusta la cantidad de colores y, si quieres, descarga la paleta en TXT, CSS, JSON o GPL.

Acerca de esta herramienta

Para qué sirve una paleta extraída

Los diseñadores usan la paleta de una foto de referencia para crear la identidad visual de publicaciones, presentaciones y sitios web. También es la forma más rápida de descubrir los colores de un logotipo cuando nadie tiene el manual de marca, o de elegir un color de texto que combine con la foto de portada.

Formatos de exportación

  • CSS: variables --cor-1, --cor-2… listas para pegar en tu tema.
  • JSON: lista con HEX, RGB y proporciones, útil para Figma (mediante plugins), Tailwind y scripts.
  • GPL: formato de paleta de GIMP, Inkscape y Krita.

Para convertir un código entre HEX, RGB y HSL o consultar el contraste con el texto, usa el conversor de colores.

Preguntas frecuentes

¿Cómo se eligen los colores dominantes?

La imagen se reduce y sus colores se agrupan mediante el método de corte mediano, refinado con k-means: cada grupo se convierte en un color de la paleta, y el porcentaje indica qué parte de la imagen representa. Se ignoran las áreas transparentes.

¿Por qué el color exacto de mi logotipo aparece un poco diferente?

Los bordes suavizados y la compresión JPG crean tonos intermedios que alteran el promedio. Para los logotipos, usa el archivo PNG original y pocos colores (de 2 a 4); el resultado será prácticamente idéntico a los colores de la marca.

¿Se envían mis archivos a algún servidor?

No. Esta herramienta funciona íntegramente en tu navegador: el archivo se lee y se procesa en tu propio dispositivo, y no se envía ningún byte por Internet. Incluso puedes desconectarte de Internet después de que cargue la página.

¿De verdad es gratis? ¿Hay un límite diario?

Es gratis y no tiene límite diario. Como el procesamiento se realiza en tu dispositivo, no tenemos costos por uso ni necesitamos limitarte.

¿Funciona en el celular?

Sí. El sitio funciona en cualquier navegador moderno en Android, iPhone, Windows, Mac y Linux, sin instalar nada.

Herramientas relacionadas

Ver todo — Herramientas relacionadas
Conversor de colores Convierte colores entre HEX, RGB, HSL, HSV y CMYK, y comprueba el contraste WCAG entre dos colores. Generador de gradientes CSS Crea gradientes lineales, radiales y cónicos con varios colores y copia el código CSS listo para usar. Ver las dimensiones y los datos de la imagen Descubre el ancho, el alto, la proporción, los DPI, el tamaño del archivo y los datos EXIF de tus fotos. Imagen a Base64 Convierte imágenes a data URI Base64 para usarlas en HTML, CSS o JSON. Extraer texto de una imagen Copia el texto de fotos, capturas de pantalla y documentos escaneados con OCR. Comprimir imagen Reduce el tamaño de fotos JPG, PNG y WEBP sin perder calidad visual. Redimensionar imagen Cambia el ancho y el alto en píxeles o en porcentaje, en lote. PNG a JPG Convierte imágenes PNG a JPG en lote y sin perder calidad.