Selector de color de imagen Apunta a cada píxel, copia HEX／RGB／HSL al instante

¿Qué es el selector de color de imagen?

Esta herramienta gratuita en línea ayuda a diseñadores, desarrolladores y creadores de presentaciones a extraer el color exacto de cualquier píxel de una foto, maqueta o captura de pantalla. Arrastra una imagen, pasa el cursor sobre la zona deseada para ver una lupa que amplía ese píxel en tiempo real, y haz clic para copiar al instante los códigos HEX, RGB y HSL, añadiéndolos a una paleta que puedes construir y comparar.

🔒 Todo el procesamiento ocurre 100% de forma local en tu navegador. Tu imagen nunca se envía a un servidor, protegiendo por completo tus archivos y tu privacidad.

¿Para quién es esta herramienta?

• Diseñadores e ilustradores: extraer rápidamente colores de marca exactos de una imagen de referencia del cliente, guía de estilo o captura de un competidor.
• Marketers y creadores de presentaciones: obtener el color principal de un logotipo para que las diapositivas coincidan perfectamente con la identidad de marca.
• Desarrolladores front-end: obtener el código HEX necesario para CSS directamente desde una captura de maqueta de interfaz, sin abrir software de diseño.
• Fotógrafos y artistas: analizar la paleta tonal de una foto como referencia para la corrección de color.

¿Qué son HEX, RGB y HSL?

Son los tres formatos más comunes para representar un color: HEX (p. ej. #4E8AB5) es el código hexadecimal más usado en diseño web; RGB describe un color mediante sus valores de rojo, verde y azul (0–255); HSL describe tono, saturación y luminosidad, un enfoque a menudo más intuitivo. Aprende más en Wikipedia: Web colors.

Cómo usarlo

1. Arrastra una imagen al área de subida, o haz clic en Elegir imagen para buscar tus archivos.
2. Mueve el cursor sobre la imagen: la lupa muestra en tiempo real el color exacto debajo de él.
3. Haz clic para copiar automáticamente el código HEX y añadirlo a la paleta de abajo; cada muestra se puede copiar individualmente como HEX, RGB o HSL, o eliminar.

Preguntas frecuentes (FAQ)

P1: ¿Se sube mi imagen a un servidor?

No. Esta herramienta lee los colores de los píxeles localmente mediante la API Canvas nativa del navegador. Tu archivo de imagen nunca abandona tu dispositivo, y todo se borra automáticamente al recargar la página.

P2: ¿Por qué no veo el botón Capturar desde la pantalla?

Esta función usa la API EyeDropper nativa del navegador, disponible actualmente solo en navegadores basados en Chromium como Chrome y Edge (versión 95+). Firefox y Safari aún no la admiten. La función principal del selector de color sigue funcionando perfectamente sin este botón.

P3: ¿La compresión de la imagen afecta la precisión del color?

Ligeramente. Los formatos con compresión con pérdida como JPG pueden alterar un poco los valores de los píxeles respecto al archivo de diseño original. Para una precisión total, usa siempre que puedas un formato sin pérdida como PNG.