Selector de Color de Imagen
Sube una imagen y luego haz clic en cualquier parte para leer el color exacto de ese píxel en HEX, RGB y HSL. Nada de lo que subas sale nunca de tu navegador.
Haz clic en cualquier parte de la imagen para elegir un color.
— — — Colores recientes
Haz clic en cualquier píxel y obtén su color exacto
Tu imagen se dibuja en un lienzo a su resolución natural
completa — aunque se muestre más pequeña en pantalla — así que
cada clic lee datos de píxeles reales y sin escalar mediante el getImageData del navegador. La posición del clic
se convierte primero del espacio de coordenadas mostrado al
espacio de coordenadas real del lienzo, así que lo que haces
clic es exactamente lo que se muestrea, sin importar cuán
grande o pequeña se vea la imagen en tu pantalla.
Ejemplo práctico
Haz clic en un píxel rojo puro y obtendrás #ff0000, rgb(255, 0, 0), y hsl(0deg, 100%, 50%). Haz clic en blanco puro y obtendrás #ffffff, rgb(255, 255, 255), y hsl(0deg, 0%, 100%) — el matiz no tiene sentido cuando no hay saturación, así que simplemente se lee como 0. Cada color que eliges también se añade a tu historial de colores recientes debajo de la muestra, para que puedas comparar varias selecciones de la misma imagen de un vistazo.
Preguntas frecuentes
¿Qué tan preciso es el color muestreado?
Se lee directamente de los datos reales de píxeles de la imagen mediante el API getImageData del canvas, no se estima a partir de lo que se ve en pantalla — así que es exacto, hasta el píxel concreto que hiciste clic. Si la imagen en sí tuvo mucha compresión (típico del JPEG), el color del píxel refleja lo que dejó la compresión, que puede diferir ligeramente del color original de la fuente.
¿Por qué al hacer clic cerca de un borde a veces sale un color inesperado?
La compresión JPEG difumina los bordes nítidos en varios píxeles de transición, y al hacer zoom en una imagen pequeña mostrada, cada píxel de pantalla puede representar varios píxeles de la imagen. Amplía con el navegador o recorta bien la zona que te interesa para obtener la selección más precisa.
¿Qué significa el valor alfa?
El alfa es la transparencia, de 0 (totalmente transparente) a 255 (totalmente opaco). Solo varía en formatos que admiten transparencia, como PNG o WebP — un JPEG siempre reporta 255 porque JPEG no tiene canal alfa.
¿Mi imagen se sube a algún servidor?
No. La imagen se decodifica y se dibuja en un lienzo en tu navegador, y cada color que eliges se lee de ese lienzo local con getImageData — nada se envía, se guarda ni se registra en un servidor.