Selector de color de imagen

• Selección de color exacta al píxel: el selector de color de imagen lee el valor exacto del píxel en tu posición de clic usando la API canvas del navegador. Activa la lupa para ampliar hasta 16× y seleccionar con precisión píxeles individuales en imágenes densas o pequeñas.
• Conversión de color instantánea: cada píxel en el que haces clic muestra al instante los valores HEX, RGB y HSL con botones de copiar de un clic. El selector de color de imagen convierte entre los tres formatos simultáneamente, sin cálculos manuales.
• Procesamiento seguro y privado: tu imagen nunca sale de tu dispositivo. El selector de color de imagen usa la API canvas del navegador para leer los datos de píxel localmente, por lo que no se sube ningún dato de imagen a ningún servidor.
• 100 % gratis para siempre: usa este selector de color de imagen sin registro, suscripciones, límites de uso ni muros de pago ocultos. Toma colores de tantas imágenes como necesites, completamente gratis.

Un selector de color de imagen es una herramienta que te permite hacer clic en cualquier píxel de una imagen subida y leer al instante su valor de color exacto. A diferencia de un cuentagotas de pantalla que captura colores de tu monitor, un selector de color de imagen lee los datos de píxel reales del archivo de imagen usando la API canvas del navegador. Esto significa que obtienes el verdadero valor de color almacenado en la imagen, no el color ajustado por la pantalla que puede verse afectado por el perfil de color de tu monitor. Este selector de color de imagen genera valores HEX, RGB y HSL simultáneamente, con copia de un clic para cada formato, todo funcionando localmente en tu navegador.

1. Sube tu imagen: arrastra y suelta cualquier archivo de imagen en la zona de carga, o haz clic para buscarlo. El selector de color de imagen admite formatos JPEG, PNG, WebP, GIF, BMP y SVG.
2. Haz clic en cualquier píxel: mueve el cursor sobre la imagen y haz clic en cualquier píxel para tomar su color. Activa la lupa para ampliar y seleccionar con precisión a nivel de píxel. El panel de color se actualiza al instante.
3. Copia los valores de color: haz clic en cualquier botón de copiar para copiar HEX, RGB o HSL al portapapeles. Tus últimos 20 colores elegidos se guardan en el panel de historial para referencia rápida.

• HEX: un código de color hexadecimal de 6 dígitos (#rrggbb), el formato más común para diseño web, CSS y herramientas de diseño como Figma y Sketch.
• RGB: valores de canal rojo, verde y azul (0-255 cada uno), usados en funciones rgb() de CSS, procesamiento de imágenes y contextos de programación.
• HSL: tono (0-360°), saturación (0-100 %) y luminosidad (0-100 %), más fáciles de razonar para diseñadores que ajustan relaciones de color y crean variaciones.
• Historial de colores: los últimos 20 colores elegidos se guardan en el panel de historial. Haz clic en cualquier muestra para restaurar ese color a la pantalla principal, o copia todos los colores del historial como una lista HEX separada por comas.

El selector de color de imagen lee los valores de píxel de la imagen tal como se renderiza en el canvas. En imágenes JPEG, los valores pueden diferir ligeramente del original debido a los artefactos de compresión JPEG. En imágenes con perfiles de color (perfiles ICC), el navegador puede aplicar gestión de color antes de renderizar en el canvas, lo que puede afectar los valores elegidos. Para resultados más precisos, usa imágenes PNG o WebP con perfiles de color sRGB.