Cómo obtener una paleta de colores de una imagen (HEX)
En esta página
En resumen: abre Paleta de colores de una imagen de Imgovo, añade una foto, un logotipo o una captura, elige cuántos colores quieres y haz clic en Extraer colores. Haz clic en cualquier punto de la imagen para leer su código HEX exacto, edita la paleta y expórtala como HEX, variables CSS, Tailwind, JSON, paleta de GIMP u hoja de colores PNG/SVG. No se sube nada.
Para qué sirve una paleta
Una paleta sacada de una foto es una forma rápida de elegir colores que combinan: para una web, una presentación, un cartel o un logotipo. También sirve para encontrar el código HEX exacto de un color en una captura de pantalla o en una imagen de marca.
Paso a paso
- Abre Paleta de colores de una imagen y suelta una imagen en la página, haz clic para elegir una o pégala desde el portapapeles. Se aceptan JPG, PNG, WebP, HEIC, TIFF y más. Con Prueba un ejemplo puedes echar un vistazo sin archivo.
- Ajusta los Colores a extraer. Las fotos tienen muchos tonos parecidos: 5 o 6 colores dan una paleta de marca limpia y de 10 a 12 muestran más detalle.
- Elige cómo se seleccionan los colores: Colores dominantes, Equilibrada o Acentos.
- Haz clic en Extraer colores.
- Haz clic en una muestra para seleccionarla. Con los botones de la muestra puedes copiar o bloquear el color.
Obtén el color exacto de un punto
Haz clic o toca la imagen. Con Píxel exacto, Imgovo lee un píxel de la imagen a tamaño completo, no de una copia reducida. En las opciones del selector puedes usar en su lugar el promedio de 3 × 3 o de 5 × 5 píxeles, mejor para fotos con ruido. Después elige Añadir a la paleta o Reemplazar el color seleccionado.
También puedes mover la cruz con las teclas de flecha y pulsar Intro.
Analiza solo una parte de la imagen
Elige Seleccionar área y arrastra un rectángulo sobre la imagen. La paleta se hace solo con esa parte; la imagen no se recorta. Usar toda la imagen vuelve a la imagen completa.
En Más opciones puedes ignorar el casi blanco, el casi negro o el color elegido, y fijar una tolerancia. Un color representativo es el promedio de un grupo, así que puede no existir como píxel suelto. Elige la opción de colores presentes en la imagen si necesitas píxeles reales.
Edita, bloquea y amplía la paleta
- Edita un color seleccionado en HEX, RGB, HSL u OKLCH y ponle un nombre.
- Bloquea los colores que quieres conservar. Generar y Aplicar dejan los colores bloqueados en su sitio.
- Las Armonías crean conjuntos complementarios, análogos, complementarios divididos, triádicos, tetrádicos o monocromáticos a partir de un color.
- Las escalas crean pasos de luminosidad, tintes, sombras o tonos, con 5, 9 u 11 pasos.
- Las Variaciones rellenan los colores que no están bloqueados en estilos como pastel, vivo, apagado, terroso, monocromo, interfaz clara e interfaz oscura. La imagen no se vuelve a analizar.
- Deshacer y Rehacer (Ctrl+Z y Ctrl+Mayús+Z) recuperan colores y ajustes anteriores.
Exportar
En Exportar puedes copiar o descargar la paleta como:
- listas HEX, RGB, HSL u OKLCH,
- variables CSS,
- Tailwind CSS v4 o v3,
- JSON o CSV,
- una paleta de GIMP (
.gpl), - una hoja de colores en PNG o SVG,
- un PNG con la imagen y su paleta.
Guardar y compartir
Las paletas guardadas se quedan solo en este navegador; borrar los datos del sitio las elimina, así que exporta el archivo JSON como copia de seguridad. Copiar enlace de la paleta crea un enlace que contiene solo los colores y un nombre corto, nunca la imagen. Cualquiera que tenga el enlace puede ver la paleta.
Comprueba los colores antes de usarlos
Una paleta sacada de una foto no garantiza un texto legible. Prueba un par de texto y fondo en la pestaña Contraste; mira Cómo comprobar el contraste de color (WCAG AA y AAA).
Privacidad
Los colores se analizan en tu navegador. La imagen nunca sale de tu dispositivo y no se guarda con la paleta.
Pruébalo ahora
Abre Paleta de colores de una imagen, añade una imagen y haz clic en un punto para obtener su código HEX. Si tu origen es un SVG, conviértelo antes a PNG con el Convertidor de SVG.
Preguntas frecuentes
¿Cómo se eligen los colores de la paleta?
Imgovo agrupa los colores parecidos (el método de corte mediano que usan muchas herramientas de diseño) y muestra los grupos más importantes. Cada muestra es el promedio de su grupo, por lo que coincide con lo que ves. La misma imagen con los mismos ajustes da siempre los mismos colores.
¿Qué significa un porcentaje como «Aprox. 34 %»?
Es la parte de los píxeles visibles analizados que pertenecen a ese grupo de colores similares. No es un recuento de objetos, y no todos los píxeles del grupo tienen exactamente ese código HEX. Los colores elegidos, editados o generados no tienen porcentaje.
¿Cuál es la diferencia entre un color representativo y un color presente en la imagen?
Un color representativo es el promedio de un grupo de píxeles parecidos, así que puede no aparecer en ninguna parte de la imagen. La opción de colores presentes en la imagen usa el píxel real del grupo que más se acerca a ese promedio.
¿Cómo obtengo el color de un punto exacto?
Haz clic o toca la imagen. Píxel exacto lee un píxel de la imagen a tamaño completo, no de una copia reducida. En las opciones del selector puedes promediar 3 × 3 o 5 × 5 píxeles. Después elige «Añadir a la paleta» o «Reemplazar el color seleccionado».
¿Dónde se guardan las paletas guardadas?
Solo en este navegador, sin cuenta. Borrar los datos del sitio o usar una ventana privada las elimina, así que exporta el archivo JSON si quieres una copia de seguridad. La imagen original nunca se guarda con una paleta.
¿Se sube mi imagen a un servidor?
No. Los colores se analizan directamente en tu navegador y la imagen nunca sale de tu dispositivo.