Selector de Color de Imagen (Pipeta)
Extrae colores exactos a partir de cualquier imagen. Un clic sobre un píxel proporciona sus valores exactos en formatos HEX, RGB y HSL.
Arrastra y suelta una imagen aquí, o haz clic para buscar
Compatible con PNG, JPG, GIF, WebP, BMP
Por qué elegir Selector de Color de Imagen (Pipeta)
Con el selector de color de imagen (pipeta en línea), puedes cargar tus imágenes y capturar los códigos de color de cualquier píxel. Una lupa de píxeles integrada te ayuda a seleccionar detalles mínimos. El procesamiento se realiza 100% de manera local en el navegador, por lo que tus imágenes nunca se envían a un servidor web.
- ✓Captura de los valores HEX, RGB y HSL de cualquier píxel con un solo clic
- ✓Lupa de píxeles ajustable de 2x a 16x para una precisión absoluta
- ✓Muestra de vista previa de color con ajuste automático de contraste de texto
- ✓Panel de historial que rastrea los últimos 10 tonos seleccionados
- ✓Copias rápidas a la papelera en todos los formatos de color estándar
- ✓Funcionamiento 100% local — total privacidad de tus archivos e imágenes
Pasos de uso
- 1Arrastra tu imagen al recuadro de carga o haz clic para seleccionarla desde tu dispositivo
- 2Mueve el ratón sobre la imagen para observar la cuadrícula de píxeles magnificada
- 3Ajusta el zoom con el control deslizante si los detalles son demasiado pequeños
- 4Haz clic sobre el punto elegido para capturar el tono correspondiente
- 5Examina los códigos de color calculados en los paneles de salida
- 6Copia el formato de color deseado con un solo clic
- 7Usa el panel de historial para reutilizar rápidamente tonos seleccionados anteriormente
Preguntas frecuentes (FAQ)
¿Cómo extrae el selector los datos de color de una imagen?
La imagen se carga en un elemento Canvas de HTML5 invisible. Al hacer clic, la API getImageData() lee directamente los valores RGBA originales de la matriz de píxeles de la imagen.
¿Para qué sirve la lupa de píxeles?
La lupa magnifica el área alrededor del cursor para que puedas enfocar un píxel exacto, incluso en imágenes con mucho ruido o detalles complejos. El zoom se puede configurar de 2x a 16x.
¿Por qué se muestran tres formatos de color diferentes?
Cada entorno de diseño tiene sus estándares: HEX es ideal para código CSS general y software de edición. RGB es óptimo para configurar canales de transparencia en CSS (rgba()). HSL facilita modificar el matiz, la saturación y la claridad de forma intuitiva.
¿Dónde se guarda el historial de los colores seleccionados?
El historial se almacena de forma temporal en la memoria de la sesión del navegador. No se guarda en el disco duro ni se comparte con ningún servidor. Al cerrar la pestaña, esta lista se borra de manera definitiva.
¿Funciona la pipeta en archivos PNG con transparencia?
Sí. La herramienta lee el canal alfa (transparencia). Si haces clic en una zona transparente, se registrará el fondo del lienzo; en zonas semitransparentes, se extrae el valor de color básico codificado.
¿Qué formatos de imagen se pueden cargar en la herramienta?
Se admite cualquier formato compatible con el navegador, incluyendo archivos PNG, JPG, JPEG, WebP, GIFs (primer cuadro), BMP y SVG.
Referencias y fuentes autorizadas
Canvas API - MDN Web Docs
Ver fuenteImageData - MDN Web Docs
Ver fuenteCSS Color Module Level 4 - W3C
Ver fuenteWCAG 2.1 Relative Luminance
Ver fuenteHerramientas relacionadas
Explore más herramientas prácticas para este tipo de tarea.