¿Qué es un selector de color de imagen?

Un selector de color de imagen, también llamado cuentagotas, lee el color de un píxel de una imagen. Los diseñadores lo utilizan para igualar el color de una marca a partir de un logotipo, extraer una paleta de una foto o comprobar el tono exacto en una captura de pantalla de un sitio web o una aplicación. Como el color se lee de los datos del píxel, el valor es exacto y no una estimación visual.

Descripción de la herramienta

Esta herramienta permite abrir una imagen o pegar una captura de pantalla desde el portapapeles y hacer clic en cualquier parte para seleccionar un color. Una lupa de aumento sigue el puntero y muestra los píxeles a su alrededor, para que puedas seleccionar exactamente el que necesitas. Cada clic añade un punto numerado y el color de cada punto se muestra en el formato de salida que elijas, listo para copiar.

Funciones

  • Selecciona colores de imágenes PNG, JPEG, WebP, GIF, BMP y AVIF, o pega una imagen con Ctrl+V
  • Lupa de aumento con el color situado bajo el puntero
  • Amplía hasta un 3200 % con píxeles nítidos para ver detalles pequeños e iconos
  • Muestrea un punto o el promedio de un área de entre 3 × 3 y 101 × 101 píxeles, como el cuentagotas de los editores de imágenes
  • Copia cada color como HEX, RGB, HSL, HWB, CMYK, LAB y en otros formatos
  • Marcadores numerados en la imagen para cada punto seleccionado
  • Muestra la opacidad de los píxeles semitransparentes
  • Mueve el último punto píxel a píxel con las teclas de flecha

Cómo funciona

La imagen se decodifica en tu navegador y se dibuja en un canvas; después, el color se lee de los píxeles del canvas. Los colores se convierten a sRGB, el espacio de color de la web, por lo que los valores coinciden con el aspecto de la imagen en la página y pueden utilizarse directamente en CSS. Al utilizar una muestra promedio, los colores de los píxeles del área se promedian teniendo en cuenta la opacidad, de modo que los píxeles transparentes no oscurecen el resultado. La imagen nunca se sube.

Consejos

  • Las fotos y las imágenes JPEG contienen ruido, por lo que los píxeles cercanos suelen presentar pequeñas diferencias. Usa un promedio de 3 × 3 o 5 × 5 para obtener el color que ves en lugar del de un único píxel con ruido.
  • Para gráficos planos, como logotipos, iconos y capturas de pantalla, usa el muestreo de un punto para obtener el color exacto.
  • Al cambiar el tamaño de la muestra, se actualizan los colores de todos los puntos que ya hayas seleccionado.
  • En los archivos GIF, los colores se seleccionan del primer fotograma.