Extraer color HEX de una imagen para diseño web

Cómo usarlo

Suelta una imagen en la zona de carga. La imagen se renderiza dentro de un lienzo interactivo — pasa el cursor para ver las coordenadas, haz clic en cualquier lugar para muestrear. El color elegido aparece como una muestra junto a sus códigos HEX, RGB y HSL. Haz clic en cualquier valor para copiarlo a tu portapapeles.

Cada color que muestreas se almacena en la tira de Historial de abajo (hasta 12 elecciones recientes), para que puedas construir una paleta a partir de varios puntos de muestreo en la imagen sin perder elecciones anteriores.

• Muestreo de color con precisión de píxel al hacer clic
• Lectura simultánea de HEX, RGB y HSL
• Copia con un clic para cada valor
• Historial de paleta de los últimos 12 colores muestreados

Usos prácticos

Al traducir una maqueta de Figma o dibujada a mano a CSS, muestrea los tonos dominantes directamente de la maqueta en lugar de estimarlos a ojo. Esto elimina esa sensación de «casi pero no del todo» que se cuela en los valores de color escritos a mano.

Para fotógrafos que construyen feeds sociales con gradación de color, muestrea cinco tonos de tu foto con mejor rendimiento y reutilízalos como colores de acento en texto, bordes y fondos en publicaciones futuras para construir una identidad visual coherente.