¿Qué son los flujos de trabajo con cuentagotas?
Capturas de pantalla pasadas por apps de escritorio o herramientas en línea que suben tu imagen solo para leer un píxel: lento y una fuga de privacidad para las capturas.
Selector de color desde imagen
Obtén colores exactos de cualquier imagen: HEX y RGB con alfa, todo.
Preparando la herramienta…
No se pudo cargar la herramienta. Comprueba tu conexión e inténtalo de nuevo.
Selector de color
Haz clic o usa las flechas del teclado sobre la imagen para elegir el color exacto de un píxel.
Suelta una imagen aquí o pulsa Enter para explorarPNG · JPG · WEBP · AVIF · HEIC, hasta 20 MP / 25 MB
- RGB
- Opacidad
- X
- Y
Los colores se leen de la imagen decodificada en un canvas sRGB para mostrarlos. No se realizan solicitudes de red.
Cómo elegir un color de una imagen
Abre tu imagen
Suelta un PNG, JPG o WebP en la página; se carga localmente.
Haz clic en un píxel
Haz clic o toca el píxel (o muévelo con las flechas del teclado) para fijar el color exacto bajo el cursor.
Copiar el valor
Copia el código HEX directamente en tu CSS; el valor RGB y el alfa se muestran para consultarlos de un vistazo.
Preguntas frecuentes
¿Cómo elijo un color de una imagen?
Arrastra o abre tu imagen y haz clic o toca el píxel que quieras (las flechas del teclado también mueven la selección). El color exacto se toma del lienzo y se muestra en HEX, RGB y alfa.
¿El color muestreado es exacto o promediado?
Es el valor exacto del píxel de la imagen decodificada a zoom 1:1. Si la vista previa está alejada, algunos navegadores suavizan los píxeles; acércate para un muestreo preciso al píxel.
¿Qué formatos puedo cargar?
PNG, JPG, WebP, GIF y BMP, todo lo que tu navegador pueda decodificar. Los GIF animados se muestrean desde el primer fotograma.
¿Mis imágenes se suben a algún lugar?
No. La imagen se dibuja en un canvas HTML local y se muestrea con JavaScript en tu dispositivo. No hay subidas ni cuentas.
Muestreo de píxeles en canvas
Aquí tienes para qué sirve cada formato y cuándo convertir píxeles de imagen en códigos de color es la decisión correcta.
¿Qué es el muestreo en canvas?
La imagen se decodifica en un lienzo sRGB dentro de tu navegador y se lee píxel a píxel con getImageData. Los colores se obtienen al instante como HEX y RGB conservando todo el canal alfa.
Cuándo lo necesitas
Úsalo para igualar un color de marca de un logotipo, reutilizar un tono de una captura o comprobar de qué color es realmente un borde con suavizado. Para paletas multicolor en lugar de píxeles individuales, prueba la herramienta de paleta de colores.