Selector de color de imagen (Color Picker)
Subí una imagen y obtené el color exacto de cualquier píxel, con lupa de zoom, historial y paleta automática.
Imagen
Pasá el mouse (o el dedo) sobre la imagen para previsualizar un color, y hacé clic para fijarlo y guardarlo en el historial. Con el teclado: enfocá la imagen, movete con las flechas y confirmá con Enter o Espacio.
Pasá el mouse sobre la imagen para ver un color acá.
Historial de colores
Todavía no fijaste ningún color. Hacé clic sobre la imagen para empezar.
Paleta automática
Detectá los colores dominantes de toda la imagen con un clic.
¿Cómo funciona el cuentagotas de color?
La herramienta carga tu imagen dentro de un <canvas> a su resolución original y lee
directamente los valores RGBA de cada píxel con la Canvas API del navegador — el mismo mecanismo que usan
los editores de imagen de escritorio, pero sin instalar nada ni subir el archivo a ningún lado. Al mover
el mouse ves una vista previa en vivo con una lupa ampliada al menos 10 veces, y al hacer clic ese color
queda fijado, con sus códigos HEX, RGB, HSL y CSS listos para copiar, más el análisis de contraste contra
blanco y negro según las pautas WCAG.
Pensada para trabajar con la identidad visual de una marca
Es habitual necesitar el color exacto de un logo, una foto de producto o una captura de pantalla para mantener la coherencia visual entre publicaciones. En vez de adivinar a ojo o abrir un editor de imágenes completo, esta herramienta da el código preciso en segundos, guarda tus últimos 20 colores elegidos y puede extraer automáticamente una paleta con los tonos dominantes de toda la foto.
Preguntas frecuentes
¿Esta herramienta sube mis imágenes a algún servidor?
No. La imagen se lee directamente en tu navegador con la Canvas API: nunca se envía a ningún servidor, así que podés usarla con fotos privadas o de clientes sin preocuparte por la privacidad.
¿Qué es el número que aparece junto al código HEX?
Es el mismo color pero representado como un entero ARGB con signo de 32 bits (el formato que usan Android y varios frameworks para guardar colores en código), por si lo necesitás para ese tipo de proyecto. Para diseño web o redes sociales, el código HEX de siete caracteres es el que normalmente vas a copiar.
¿Cómo se calcula el contraste y los niveles AA / AAA?
Se calcula la luminancia relativa del color elegido según la fórmula oficial de WCAG 2.1 y se compara contra blanco y negro puro para obtener una relación de contraste. A partir de 4.5:1 se considera apto para texto normal (AA), desde 7:1 para el nivel más exigente (AAA), y desde 3:1 solo para texto grande o elementos de interfaz.
¿La paleta automática analiza la imagen completa, incluso en fotos muy grandes?
Analiza una versión reducida de la imagen para que la extracción sea instantánea incluso con fotos de varios megapíxeles, sin perder representatividad: los colores dominantes de una foto se mantienen prácticamente igual al reducirla de tamaño. El cuentagotas manual, en cambio, siempre lee el píxel exacto de la imagen a resolución completa.
¿Te falta alguna herramienta?
Contanos qué necesitás y la sumamos al catálogo.