Selector de Color de Imagen

Esta es una herramienta de selección de color para imágenes que funciona íntegramente en el navegador y le permite extraer colores mientras arrastra sobre cualquier parte de la imagen, comprobando a la vez RGB, HEX, HSL y HSV.
Después de seleccionar una imagen, puede obtener colores arrastrando o tocando sobre ella.
Al hacer clic o mantener pulsado sobre la imagen aparece una lupa, por lo que también puede comprobar colores muy pequeños con precisión.

Vista previa de la imagen

Coordenadas -
RGB -
HEX -
HSL -
HSV -
CSS -

Historial

Los colores obtenidos se mostrarán aquí como historial.

Cómo usar el selector de color de imagen y cuándo resulta útil

Este selector de color de imagen es una herramienta en línea que le permite tomar colores de una imagen cargada como si usara un cuentagotas y comprobar el código de color al instante. Resulta útil cuando se necesita una extracción precisa del color, por ejemplo en diseño web, creación de banners, elaboración de documentos o comprobación del color en imágenes de productos.

Compruebe colores de forma continua mientras arrastra

Al recorrer la imagen, las coordenadas y el color cambian en tiempo real, por lo que resulta más fácil seguir las variaciones de color en bordes y degradados.

La lupa facilita captar colores de detalles pequeños

La zona alrededor del cursor se amplía, por lo que puede comprobar con precisión líneas finas, iconos pequeños, colores de sombras y otros detalles. (La lupa aparece al hacer clic o mantener pulsado sobre la imagen).

Muestre RGB, HEX, HSL y HSV al mismo tiempo

Como puede comprobar varios formatos de color a la vez, puede avanzar en especificaciones de diseño, escritura de CSS y comparaciones visuales sin ir y venir entre formatos.

Reutilice colores al instante desde el historial

Los colores obtenidos recientemente permanecen en el historial, por lo que no hace falta volver a tomar una y otra vez colores de marca o colores para comparar.

Resulta práctico en situaciones como estas

Cuando desea extraer una combinación de colores de una imagen de referencia para un sitio web o una página de destino y decidir colores de botones o fondos con un tono similar.

Cuando desea comprobar los tonos de color de imágenes de productos de comercio electrónico o materiales de banners y comparar rápidamente la diferencia de color con un diseño existente.

Cuando crea documentos, imágenes para redes sociales o miniaturas y quiere reutilizar directamente un color de acento de la imagen en títulos o decoraciones.

Puntos clave de uso

  • Después de cargar una imagen, mantenga pulsado el ratón mientras lo mueve sobre la parte cuyo color desea obtener para comprobar colores de forma continua. También es compatible con la operación táctil en smartphones y tabletas.
  • Si desea tomar el color de un borde o de una decoración pequeña, ajuste poco a poco la posición mientras mira la lupa para captar con mayor facilidad el píxel deseado.
  • Los valores RGB, HEX, HSL y HSV obtenidos pueden copiarse por separado, por lo que puede transferirlos a CSS, herramientas de diseño o especificaciones con muy pocas acciones.
  • Los colores obtenidos recientemente permanecen en el historial, así que si quiere comparar colores candidatos, resulta práctico tomar varios puntos seguidos y compararlos.
  • Si desea distinguir colores con distinta luminosidad, comprobar HSL y HSV además de RGB facilita entender las diferencias de saturación y luminosidad/valor.
  • Las imágenes no se envían al servidor y todo el procesamiento se completa dentro del navegador, por lo que puede usarse con seguridad incluso con imágenes inéditas en desarrollo o capturas de pantalla de materiales internos.