Selector de Color de Imagen
Sube una foto y haz clic en cualquier punto para obtener su color exacto — valores hex, RGB y HSL, con una paleta acumulada de todo lo que has seleccionado.
1.179 visitas
Haz clic en la imagen para elegir un color
Cómo Funciona la Selección de Color
Cuando se sube una foto, se dibuja en un elemento <canvas> de HTML5 dentro del navegador. Al hacer clic en cualquier punto de la imagen se llama a la función getImageData() de la API de canvas exactamente en esa coordenada de píxel, que devuelve los valores en bruto de los canales rojo, verde, azul y alfa almacenados para ese píxel — no una aproximación ni un color muestreado de una captura de pantalla, sino los mismos datos numéricos que el propio navegador usa para pintar la imagen. Esos valores en bruto se convierten y se muestran simultáneamente como hex (por ejemplo #3a7bd5), RGB (por ejemplo rgb(58, 123, 213)) y HSL (matiz, saturación, luminosidad), de modo que cualquier formato que necesite una herramienta de diseño queda listo para copiar.
Toda imagen procesada de esta forma se decodifica y se lee en sRGB, el espacio de color estándar que usa la gran mayoría de fotos digitales, pantallas y cámaras. Es el valor predeterminado asumido a menos que una imagen incorpore explícitamente un perfil de color distinto, lo que cubre prácticamente toda la fotografía de consumo y las imágenes web.
Lo Que Debes Saber
- No se sube nada a ningún sitio — todo el proceso, desde dibujar la imagen hasta leer los datos de píxeles, ocurre localmente en la memoria del navegador. Ningún servidor recibe jamás la foto.
- La lectura es exacta, no estimada — como getImageData() devuelve el valor de píxel literal almacenado, la precisión solo está limitada por la calidad de la propia imagen y por dónde exactamente cae el clic, no por el brillo, el contraste o la calibración de la pantalla.
- La compresión puede desplazar ligeramente el color real — la compresión JPEG promedia el color en pequeños bloques de píxeles, así que una foto muy comprimida puede devolver un valor ligeramente distinto al color real de la escena; PNG y otros formatos sin pérdida conservan exactamente el valor capturado.
- Cada color seleccionado se añade a una paleta acumulada debajo de la imagen, lo que permite muestrear varios puntos de una misma foto — un cielo, una camisa, una pared — y exportar un pequeño conjunto de colores coordinados en una sola sesión.
Preguntas Frecuentes
¿Qué tan preciso es el color seleccionado?
Lee el valor exacto del píxel en el canvas en el punto donde hiciste clic — tan preciso como la propia imagen y tu precisión al hacer clic, sin verse afectado por la calibración de pantalla, ya que lee datos de píxel en bruto, no lo que perciben tus ojos.
¿Esto sube mi foto a algún sitio?
No — la imagen se dibuja en un elemento canvas local y se muestrea totalmente en el lado del cliente. Nada sale de tu navegador.
¿Qué es sRGB y por qué importa?
sRGB es el espacio de color estándar que la mayoría de las cámaras digitales, teléfonos, monitores e imágenes web usan por defecto. Como casi toda foto que se sube aquí ya está codificada en sRGB, los valores hex, RGB y HSL que lee esta herramienta coinciden con lo que mostraría la mayoría del software de diseño sin necesidad de ninguna conversión. Las fotos tomadas en un espacio de color más amplio, como Adobe RGB, y que no se han convertido pueden mostrar una discrepancia al compararlas con herramientas basadas en sRGB.
¿Por qué el mismo color puede verse ligeramente distinto en dos fotos?
Las condiciones de iluminación, el balance de blancos y el procesamiento de la cámara afectan a los valores RGB exactos que una cámara registra para lo que al ojo le parece el mismo color — una pared blanca fotografiada al atardecer adquiere un tono cálido que un selector de color lee honestamente como un blanco con un ligero tinte anaranjado, no un blanco puro. La compresión JPEG también puede introducir pequeños desplazamientos a nivel de píxel alrededor de bordes de color muy marcados.
¿Se pueden elegir colores de una foto tomada con un teléfono?
Sí — cualquier archivo de imagen que el navegador pueda mostrar, incluidos JPEG, PNG, WebP y la mayoría de los demás formatos comunes, funciona con esta herramienta, sin importar el dispositivo o la cámara con la que se haya capturado.
Herramientas Similares
Reportar un Problema
Selector de Color de Imagen
Comentarios
Aún no hay comentarios — ¡sé el primero en escribir uno!