Selector de color de una imagen
Encuentra el código exacto de cualquier punto de una foto, un logotipo o una captura. Pasa el puntero para verlo, haz clic para tomarlo y copia el valor en HEX, RGB o HSL. Los últimos colores tomados se guardan para poder compararlos.
Funciona en tu navegador
Cómo se usa
- Arrastrar una imagen o una captura.
- Mover el puntero por la imagen y hacer clic en el color deseado.
- Copiar el código en el formato que haga falta.
Cómo funciona
La imagen se dibuja en un lienzo y el píxel exacto que hay bajo el puntero se lee con getImageData. Las imágenes muy grandes se muestran a un máximo de 1600 px, lo que promedia ligeramente los píxeles vecinos; para obtener códigos exactos al píxel en imágenes enormes, recórtalas antes.
En Chrome y Edge, el cuentagotas de pantalla (EyeDropper API) también permite tomar colores de cualquier punto de la pantalla, fuera de esta página.
Ejemplos
- Color de marca
- Toma el azul de un logotipo desde una captura → #1a73e8.
Usos habituales
- Igualar colores de marca
- Diseño web y CSS
- Reproducir colores de una foto
Privacidad y seguridad
Esta herramienta funciona por completo en tu navegador. Tus archivos y tus textos nunca se suben a nuestros servidores: el procesamiento ocurre en tu dispositivo y los resultados se generan de forma local. Cómo trata los archivos cada herramienta
Preguntas frecuentes
¿Por qué el color difiere un poco del archivo de diseño?
Las capturas y la compresión JPG pueden desplazar ligeramente los colores, y los perfiles de color pueden ser distintos.
¿Se sube la imagen?
No, se lee localmente.
Última actualización: