Selector de color de imagen
Haz clic en cualquier punto de tu imagen para seleccionar colores. Obtén valores HEX, RGB y HSL al instante.
Subir imagen
Arrastra una imagen aquí o haz clic para subir
PNG, JPG, WebP
Color seleccionado
Sube primero una imagen
Historial
Los colores seleccionados aparecen aquí
Preguntas frecuentes
¿Cómo selecciono un color de una imagen?+
¿Qué formatos de color están disponibles?+
¿Puedo seleccionar varios colores?+
¿Se sube mi imagen a un servidor?+
Más información
¿Quieres mejorar tu flujo de trabajo de capturas y diseño? Echa un vistazo a nuestras guías:
Cómo seleccionar colores de cualquier imagen
Un selector de color de imagen es la forma más rápida de obtener valores de color exactos de cualquier diseño, foto o captura de interfaz. Así funciona:
- 1Sube tu imagen. Arrastrándola o haciendo clic para buscarla. La herramienta admite PNG, JPG y WebP — sin límite de tamaño de archivo.
- 2Mueve el cursor por la vista previa. Pasa el cursor sobre la imagen y usa la vista de zoom ampliada para acertar el píxel exacto.
- 3Haz clic para seleccionar. Un clic captura el color y lo muestra en formatos HEX, RGB y HSL — todos copiables con un solo toque.
- 4Crea una paleta. Selecciona varios colores y el panel de historial guarda tus últimas 10 selecciones para compararlas y exportarlas fácilmente.
¿Por qué usar un selector de color?
🎨 Diseño e ilustración
Toma colores de imágenes de referencia, moodboards o diseños de la competencia para acertar el tono exacto que necesitas. Se acabó adivinar códigos hex.
🏷️ Coherencia de marca
Extrae colores de marca exactos de logotipos, materiales de marketing o guías de estilo. Un selector de color de imagen garantiza que tus recursos se mantengan fieles a la marca en cada punto de contacto.
💻 Desarrollo web
Obtén valores HEX y RGB directamente de las maquetas de diseño y pégalos en tu CSS. Ahórrate por completo el constante ir y venir con los diseñadores.
♿ Pruebas de accesibilidad
Selecciona colores de primer plano y de fondo de las capturas para comprobar las relaciones de contraste. Asegúrate de que tu interfaz cumple las directrices WCAG antes del lanzamiento.
Selector de color vs. DevTools del navegador
Con las DevTools del navegador puedes inspeccionar valores de color CSS en páginas web en vivo — pero solo funcionan en sitios que puedes abrir en un navegador. Con imágenes estáticas, PDF o maquetas de diseño no sirven de ayuda.
Un selector de color basado en imágenes funciona con cualquier elemento visual — capturas, fotos, ilustraciones, diseños exportados o incluso documentos escaneados. Sube el archivo y haz clic para seleccionar. Sin inspección del DOM, sin rebuscar en hojas de estilo.
Para los desarrolladores, ambas herramientas se complementan: usa las DevTools para páginas en vivo y un selector de color de imagen para todo lo demás. Esta herramienta además muestra HEX, RGB y HSL en una sola vista — sin cambiar entre paneles.
Haz que cada captura parezca profesional.
ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.
Descubre ScreenSnap Pro