Cuentagotas de color para imágenes

Cómo obtener un color de una imagen

1. Suelta una imagen en la zona de carga o haz clic en ella para elegir un archivo (JPG, PNG, WebP, GIF o cualquier formato que tu navegador pueda mostrar).
2. Pasa el puntero por la imagen. La lupa muestra ampliados los píxeles que rodean el cursor, y Bajo el cursor te da el código HEX en directo.
3. Haz clic en el píxel que quieras. La muestra Color elegido lo enseña junto con su posición en píxeles, y a su lado aparecen los códigos HEX, RGB, HSL, HSV y CMYK, cada uno con un botón Copiar.
4. Sigue haciendo clic para reunir más colores: se añaden a Colores elegidos, donde puedes copiar cada uno. Vaciar lista la deja en blanco.

En un móvil o una tableta, basta con tocar la imagen. Con el teclado, llega a la imagen con el tabulador, muévete con las flechas (mantén Mayús para avanzar de 10 en 10 píxeles) y pulsa Intro para tomar el color.

La imagen nunca sale de tu dispositivo: solo tu navegador la decodifica y la lee.

¿Un solo píxel o una media?

El menú Tamaño de muestra controla cuántos píxeles se leen en cada clic:

• 1 píxel devuelve el color exacto del píxel bajo el cursor. Úsalo para gráficos planos, logotipos, capturas de pantalla e iconos.
• Media de 3 × 3 y Media de 5 × 5 devuelven el color medio de los 9 o 25 píxeles de alrededor. Úsalas para fotos: la compresión JPEG y el ruido de la cámara hacen que los píxeles vecinos varíen un poco, y una media da un color más representativo de lo que ves.

El cuadrado marcado en la lupa indica exactamente qué píxeles se incluyen. Cerca de los bordes de la imagen, solo se cuentan los píxeles que existen.

También se tienen en cuenta los píxeles transparentes de los archivos PNG o WebP: el color se pondera por su opacidad, de modo que las zonas totalmente transparentes no oscurecen el resultado, y un resultado parcialmente transparente recibe un código HEX de ocho dígitos con alfa, como #FF000080.

Precisión y límites

• Los colores se leen en el espacio sRGB del canvas de tu navegador. Las imágenes guardadas con otro perfil de color (Adobe RGB, Display P3) las convierte antes el navegador, así que los códigos coinciden con lo que ves en pantalla, pero pueden diferir un poco de los valores brutos del archivo que muestra un editor de fotos.
• Las imágenes muy grandes se reducen a 4096 píxeles en su lado más largo para que el consumo de memoria sea razonable. La herramienta te avisa cuando ocurre; en esas imágenes, cada píxel elegido ya es una pequeña media del original.
• Los valores CMYK son una conversión simple sin perfil ICC, útil solo como orientación aproximada.