Selector de color de imagen

Este selector de color de imagen responde a una pregunta simple y frecuente: ¿de qué color exacto es ese píxel? Cargue o arrastre una foto, captura de pantalla o exportación de diseño, y la herramienta la dibujará en un lienzo con precisión de píxeles. Mueva el cursor y una lupa lo seguirá, ampliando los 11 × 11 píxeles que se encuentran debajo para que pueda apuntar con precisión; los valores debajo del cursor se muestran en vivo. Un clic y el color aparece en tres tarjetas: HEX para CSS, RGB para código, HSL para ajustar la luminosidad, cada una con su propio botón de copia.

La precisión es el objetivo de un selector como este. En el texto suavizado, los degradados y los bordes de las fotografías, los píxeles vecinos difieren notablemente y, al seleccionar a ojo una vista previa reducida, la mayoría de las veces se obtiene el tono incorrecto. La lupa muestra cada píxel físico como un cuadrado grande con una cruz en el centro, por lo que el valor que copia es el valor exacto del píxel al que se refería. Se guarda un historial de las últimas ocho selecciones como muestras de color; haga clic en cualquiera de ellas para copiar ese color nuevamente.

La herramienta se basa en la API de lienzo del navegador y se ejecuta completamente en su dispositivo: la imagen nunca se carga, no hay cola ni cuenta, e incluso las maquetas o documentos confidenciales son seguros para inspeccionar. Funciona con cualquier formato de imagen que pueda abrir su navegador, incluidos PNG, JPG, WebP, GIF y SVG.

Usos típicos: recuperar el color de una marca de un logotipo cuando se pierde la guía de estilo, hacer coincidir los colores de la interfaz de usuario con una captura de pantalla de referencia, comprobar cómo se representa realmente un degradado o seleccionar una paleta candidata de una foto. Si luego necesita el color en otra notación (CMYK para impresión o valores normalizados), la herramienta de conversión de formato de color continúa justo donde termina el cuentagotas.