Sacar un color de una imagen online
Abre una foto, apunta al píxel exacto con la cruz ampliada y copia su valor HEX, RGB o HSL. También puedes guardar varios colores de la imagen.
o suelta aquí una imagen
JPG, PNG o WebP · hasta 50 MB
La imagen se analiza localmente en tu navegador
Haz clic, toca o arrastra sobre la imagen. La lupa muestra los píxeles cercanos; las flechas mueven un píxel y Mayús mueve diez.
Color seleccionado
Píxel
8 colores representativos calculados a partir de la imagen
Guarda colores seleccionados o de la paleta para conservarlos aquí.
Colores precisos directamente de una imagen
Selección a nivel de píxel
Usa la cruz ampliada para apuntar a un píxel concreto en lugar de calcular el color de toda una zona.
HEX, RGB, HSL y una paleta
Copia el color en formatos habituales de web y diseño, guarda varias muestras y consulta los colores representativos de la imagen.
Análisis local del color
La selección de píxeles y la extracción de la paleta se realizan en tu dispositivo sin subir la imagen a los servidores de ImageNow.
Cómo funciona
- Elige o arrastra una imagen compatible.
- Muévete sobre la imagen y selecciona el píxel exacto con la cruz ampliada.
- Copia el valor HEX, RGB o HSL y guarda los colores que quieras conservar.
- Compara tus muestras con la paleta extraída o abre otra imagen.
Cómo sacar el código de color de una imagen
Elige la imagen, mueve el puntero a la zona que te interesa y usa la vista ampliada para distinguir píxeles cercanos. Selecciona el píxel para actualizar el color actual y copia el valor en el formato que necesite tu herramienta de diseño, tu CSS, tu documento o tu presentación.
HEX, RGB y HSL describen el mismo color
HEX es una notación hexadecimal compacta muy utilizada en CSS y entregas de diseño. RGB enumera los valores de rojo, verde y azul. HSL describe tono, saturación y luminosidad, y suele ser más fácil de ajustar de forma sistemática. Cambiar de formato no modifica el color seleccionado.
Por qué los píxeles cercanos pueden tener valores distintos
Las fotos contienen texturas, iluminación, sombras, artefactos de compresión y bordes suavizados, por lo que dos píxeles cercanos pueden diferir aunque parezcan de la misma zona. Toma varias muestras y guarda las útiles. La paleta muestra los colores generales, pero no sustituye la selección exacta.
Usa los colores seleccionados con un contraste adecuado
Un color que funciona dentro de una foto puede resultar difícil de leer como texto. Si vas a usarlo en una web o documento, prueba la combinación de primer plano y fondo con el tamaño real del texto y sigue la norma de accesibilidad aplicable.
Preguntas frecuentes
¿Cómo saco un color de una imagen?
Elige una imagen, ve a la zona deseada, usa la cruz ampliada para identificar un píxel y selecciónalo. Después puedes copiar su valor HEX, RGB o HSL.
¿Puedo sacar un código HEX de una foto?
Sí. Los píxeles opacos se muestran en HEX con seis dígitos; los que tienen transparencia usan ocho dígitos e incluyen el canal alfa. Los valores RGB y HSL también conservan el alfa. Usa el botón de copiar junto al valor que necesites.
¿Qué diferencia hay entre HEX, RGB y HSL?
Son formas distintas de representar el mismo color. HEX y RGB codifican los canales rojo, verde y azul; HSL describe tono, saturación y luminosidad.
¿Puedo guardar más de un color de la imagen?
Sí. Guarda las muestras útiles mientras recorres la imagen para compararlas o copiarlas sin tener que localizar otra vez los mismos píxeles. También puedes descargar los colores guardados en un archivo CSS o TXT.
¿La herramienta extrae una paleta de colores?
Sí. Muestra 8 colores representativos calculados a partir de la imagen. Selecciona uno para ver sus valores o usa la herramienta de píxel cuando necesites el color de un punto exacto.
¿Por qué el color seleccionado es algo distinto de lo que esperaba?
La iluminación, los degradados, la compresión, la gestión de color de la pantalla y los bordes suavizados producen variaciones entre píxeles cercanos. Usa la lupa y compara varias muestras próximas.
¿Puede comprobar si dos colores tienen un contraste accesible?
No. Esta página selecciona y convierte colores de una imagen. Comprueba la combinación real de texto y fondo con una herramienta específica de accesibilidad.
¿Se sube mi imagen?
No. La imagen se abre, se muestrea y se analiza localmente en tu navegador sin subirla a los servidores de ImageNow.