Extraer colores de una imagen
Saca los colores que usa una imagen y los muestra como códigos de color (HEX, RGB).
1. Elige una imagen
Admite JPEG, PNG, WebP, GIF y HEIC (fotos del iPhone).
Arrastra y suelta las imágenes aquí
o
2. Colores de la imagen
Los colores más usados en la imagen, de más a menos. Toca uno para copiarlo.
Número de colores
Formato
3. Úsalos todos
Guarda la paleta como imagen o copia todos los colores de una vez.
Todo ocurre en este dispositivo. Tus imágenes nunca se suben.
Los colores se cuentan sobre una copia reducida de la imagen, así que los detalles muy pequeños pueden no aparecer en la paleta. Para esos, usa el cuentagotas.
¿Te resultó útil? Nos encantaría que lo compartieras
¿Algo no funciona o tienes una idea para mejorarlo?
Cómo se usa
1. Elige una imagen
Toca «Elegir archivos» y elige la foto o imagen que quieres revisar.
Arrastra y suelta la imagen en cualquier parte de la página, o usa «Elegir archivos».
2. Mira los colores usados
Debajo de la imagen aparecen los colores más usados. Cambia «Número de colores» o «Formato» y toca un color para copiarlo.
Se muestran los colores más usados en la imagen, de más a menos. Elige 5, 8 o 12 en «Número de colores» y cambia entre HEX, RGB y HSL en «Formato». Haz clic en un color para copiarlo.
3. Toma un color con el cuentagotas
Toca la imagen para tomar y copiar el color de ese punto. Mantén pulsado un momento y mueve el dedo para ver una lupa y elegir un punto exacto; se toma el color donde levantas el dedo.
Pasa el puntero por la imagen para ver el color de cada punto y haz clic para tomarlo y copiarlo. Mantén pulsado y arrastra para ver una lupa y elegir un punto exacto; se toma el color donde sueltas.
4. Úsalos todos
«Guardar paleta como imagen» guarda una imagen con los colores y sus códigos.
«Guardar paleta como imagen» guarda una imagen con los colores y sus códigos. «Copiar todos los HEX» y «Copiar como variables CSS» copian todos los colores a la vez.
Ideal para
Inspirarte en los colores de una foto o ilustración
Saca los colores de una foto o ilustración que te guste y úsalos en presentaciones, documentos o tu web.
Quienes diseñan o crean documentos
Averiguar el color exacto de un logo o producto
Toca la imagen y obtendrás el código del color de ese punto: útil para comprobar colores de marca.
Equipos web y de marketing
Llevar los colores directamente a CSS
Usa «Copiar como variables CSS» y pega la paleta tal cual en tu hoja de estilos.
Desarrolladores web
Elegir colores para manualidades o pintura
Apunta los colores de una foto como códigos para orientarte al elegir pintura, lana o tela.
Quienes hacen manualidades
Conviene saber antes de empezar
- Los colores en pantalla se ven distintos según el monitor y el brillo de la foto. Para colores de impresión (CMYK), consulta las muestras de tu imprenta.
- Los JPEG muy comprimidos mezclan colores ligeramente distintos en zonas que parecen lisas. Para un color exacto, usa el cuentagotas.
- Para reducir el peso de las imágenes, prueba «Comprimir imágenes».
Sobre los códigos de color
Un código de color describe un color con números. Las apps web y de diseño suelen usar tres notaciones: HEX, RGB y HSL. Todas describen el mismo color; solo cambia cómo se escribe.
Esta herramienta reduce la imagen, agrupa los colores que se parecen y busca los más usados. El porcentaje indica aproximadamente cuánta parte de la imagen se acerca a ese color.
Preguntas frecuentes
Respuestas a las dudas más comunes antes de empezar.
¿Se envían mis imágenes a algún sitio?
No. Todo ocurre dentro del navegador de tu dispositivo y tus imágenes nunca se suben a un servidor.
¿Los colores son exactos?
Los colores del cuentagotas son exactamente el píxel que tocaste. Los de la paleta son promedios de colores parecidos, así que pueden no coincidir con ningún píxel concreto.
Un color que quiero no aparece en la paleta.
Pon «Número de colores» en 12 para que salgan colores menos frecuentes. Para detalles muy pequeños, toca la imagen y tómalo con el cuentagotas.
¿Cómo copio un color?
Toca un color de la paleta para copiarlo. Los colores del cuentagotas se copian en cuanto tocas. «Copiar todos los HEX» copia todos a la vez.
¿Qué diferencia hay entre HEX, RGB y HSL?
Son formas distintas de escribir el mismo color. HEX usa «#» y hexadecimal, RGB indica cuánto rojo, verde y azul hay, y HSL usa tono, saturación y luminosidad. Cambia al que necesites.
¿Puedo obtener colores de impresión (CMYK)?
No. Esta herramienta da colores de pantalla (sRGB). Para imprimir, consulta las muestras de color de tu imprenta.
¿Qué pasa con las zonas transparentes?
Las zonas transparentes no se cuentan al crear la paleta.
¿Puedo guardar la paleta?
«Guardar paleta como imagen» guarda un PNG con los colores y sus códigos. «Copiar como variables CSS» los copia listos para pegar en una hoja de estilos.
¿Funcionan las fotos del iPhone (HEIC)?
Sí. Además de JPEG, PNG, WebP y GIF, puedes sacar colores de fotos HEIC del iPhone.
¿Es gratis?
Sí. Sin registro y sin anuncios.
Más herramientas
- Quitar la ubicación de las fotos (Exif)
Quita la ubicación, la fecha de captura y otros datos de las fotos sin perder calidad.
- Editar el Exif de las fotos
Cambia la fecha de captura, la ubicación, el modelo de cámara y el autor de las fotos sin perder calidad.
- Pixelar y difuminar imágenes
Oculta nombres, direcciones, caras y más en capturas y fotos con mosaico o recuadros de color.
- Recortar imágenes
Recorta la parte de la imagen que necesitas, en rectángulo, círculo, corazón y más.
- Convertir imágenes a WebP
Convierte PNG o JPEG a WebP, un formato más ligero que mantiene buena calidad.
- Convertir imágenes a PNG
Convierte JPEG o WebP a PNG, un formato que no pierde calidad.