Selector de color de imagen
Lee el color exacto de cualquier píxel de una imagen o el color promedio de un área rectangular introduciendo sus coordenadas. La herramienta devuelve valores hexadecimales, RGB y HSL, además del nivel alfa, medidos después de la rotación EXIF para que las coordenadas coincidan con lo que ves. Es útil para que los diseñadores igualen colores de marca, los desarrolladores extraigan valores de maquetas y cualquiera compruebe colores en una captura de pantalla.
Preguntas frecuentes
¿Cómo funcionan las coordenadas?
X cuenta los píxeles desde el borde izquierdo y Y desde el borde superior; ambas empiezan en 0. El píxel de arriba a la izquierda es 0, 0 y el píxel de abajo a la derecha de una imagen de 1920 por 1080 es 1919, 1079. Las coordenadas se miden en la imagen tal como se muestra después de aplicar su orientación EXIF.
¿Cómo obtengo el color promedio de un área?
Introduce una anchura y una altura mayores que 1. La herramienta calcula el promedio de cada píxel del rectángulo que empieza en X y Y y se extiende hacia la derecha y hacia abajo. El rectángulo completo debe caber dentro de la imagen.
¿Qué formatos de color se devuelven?
El color se devuelve como código hexadecimal, como valores RGB de 0 a 255 y como HSL, con el tono en grados y la saturación y la luminosidad en porcentaje. El valor alfa va de 0, totalmente transparente, a 1, totalmente opaco.
¿Cómo se gestiona la transparencia en un área?
Cada píxel cuenta en proporción a su opacidad, por lo que los píxeles transparentes no acercan el color al negro. El alfa indicado es la opacidad promedio del área. Un área totalmente transparente devuelve negro con un alfa de 0.
¿Cómo puedo encontrar las coordenadas de un píxel?
La mayoría de los editores de imágenes y las herramientas de captura de pantalla muestran la posición del cursor en píxeles. Usa la herramienta Información de imagen para comprobar primero el tamaño de la imagen y conocer el rango válido de X e Y.
¿Qué formatos son compatibles?
Imágenes JPEG, PNG, GIF, WebP, TIFF y AVIF de hasta 5 MB y con un máximo de 4000 píxeles por lado. Las imágenes animadas se leen a partir del primer fotograma.
¿Por qué el color difiere del que muestra mi editor?
Las imágenes se convierten a sRGB antes de leerlas, así que una foto con un perfil Display P3 o CMYK devuelve su equivalente sRGB. Los editores que muestran valores en el espacio de color propio del archivo o que muestrean por defecto un área mayor mostrarán cifras ligeramente distintas. La compresión JPEG también hace que los píxeles vecinos varíen un poco.
¿Qué ocurre si una coordenada queda fuera de la imagen?
La herramienta devuelve un mensaje con el tamaño de la imagen en lugar de un color. X e Y admiten números enteros de 0 a 3999, y la anchura y la altura admiten valores de 1 a 4000.
¿Puedo seleccionar varios colores a la vez?
Cada solicitud lee un punto o un área. Para obtener los colores principales de toda la imagen, usa la herramienta Color dominante de imagen, que devuelve una paleta con la proporción de cada color.
¿Es exacto el color en imágenes de 16 bits?
Los archivos PNG de 16 bits y TIFF se reducen a 8 bits por canal antes de leerlos, por lo que los valores se muestran en la escala habitual de 0 a 255 que utilizan CSS y las herramientas de diseño. La reducción redondea cada valor al nivel de 8 bits más cercano, así que el código hexadecimal coincide con lo que muestra un navegador.