Selector de color de una imagen
He creado esta página para leer el color exacto de un píxel de una imagen. Elige una imagen, haz clic en ella o mueve el cursor con las flechas y copia el valor hex o RGB.
Tu imagen se queda en tu dispositivo. Funcionan PNG, JPG, WebP y AVIF.
Haz clic en la imagen, o dale el foco y usa las flechas. Mayús mueve diez píxeles.
- Posición
- Hex
- RGB
Cómo funciona y qué se queda en tu dispositivo
Lo he creado sobre el decodificador de imágenes que tu navegador ya tiene. La imagen se dibuja en un lienzo de esta página y leo el píxel bajo el cursor, así que el archivo nunca se sube y la página no hace ninguna petición que lo lleve.
Haz clic o toca la imagen, o dale el foco y pulsa las flechas para moverte de píxel en píxel. Con Mayús te mueves diez píxeles. La posición, el valor hex y el valor RGB se leen cada vez que se mueve el cursor.
El valor es el color que tu navegador muestra para ese píxel, en sRGB. Un píxel que no es del todo opaco también indica su opacidad en el valor RGB.
Preguntas frecuentes
¿Se sube mi imagen?
No. La imagen se abre en tu navegador y nunca sale de tu dispositivo. Yo no la recibo y la página no hace ninguna petición que la lleve.
¿Cómo elijo un color sin ratón?
Pulsa Tab hasta que la imagen tenga el foco y mueve el cursor con las flechas de píxel en píxel. Mayús con una flecha mueve diez píxeles. El nuevo color se anuncia cada vez, y los botones de copiar son lo siguiente con la tecla Tab.
¿Qué formatos de imagen funcionan?
PNG, JPG, WebP y AVIF.
¿Por qué el color difiere un poco de mi archivo de diseño?
Leo el píxel tal como lo dibuja tu navegador, en sRGB. Una imagen con otro perfil de color la convierte primero el navegador, y JPG pierde información, así que un píxel puede diferir un poco del valor del diseño original.