TontonTools

Selector de color de imagen

Elija colores de cualquier imagen: códigos hexadecimales exactos de cualquier píxel.

100% Gratis Sin registro Amigable con la privacidad Herramientas de imagen
Actualizado sep. 2026

Upload an image, then hover/click on it to pick colors. Everything stays in your browser.

Share X / Twitter Facebook LinkedIn WhatsApp

Cómo usar Selector de color de imagen

  1. Sube la imagen: logotipo, captura de pantalla, foto, cualquier fuente.
  2. Haz clic en el píxel cuyo color necesites (haz zoom para mayor precisión).
  3. Copia el valor hexadecimal/RGB, listo para CSS o tu herramienta de diseño.
  4. Muestrea de áreas sólidas, no de bordes: suavizado y ruido JPG en los límites.

¿Cuál es Selector de color de imagen?

Un selector de color de imagen lee el color exacto de cualquier píxel en el que haga clic en una imagen cargada y devuelve el código hexadecimal (#E67E22) y los valores RGB listos para CSS, herramientas de diseño o combinación de pintura. Es el cuentagotas, dirigido a cualquier imagen que puedas obtener.

La necesidad recurrente: un color existe en alguna parte (el logotipo de una marca, el botón de un competidor, una foto de la puesta de sol, la foto de un producto) y necesitas su valor preciso, no una aproximación. Al hacer clic en el píxel se responde en un solo paso lo que nunca se consigue entrecerrar los ojos ante una rueda de colores.

Sobre el Selector de color de imagen

Cargue la imagen, haga clic en el píxel, copie el valor hexadecimal/RGB.

Los trabajos de extracción: colores de marca a partir de logotipos cuando falta la guía de estilo (la tarea diaria de la agencia: el cliente envía un logotipo JPG, necesita la paleta), hacer coincidir los colores de la interfaz de usuario con un diseño de referencia o una captura de pantalla, crear paletas a partir de fotografías (las imágenes fijas de la naturaleza y las películas son minas de oro de paleta; elija cinco píxeles y tendrá un esquema), verificar los colores implementados con las especificaciones (captura de pantalla de la página, elija el píxel, compare) e identificar pintar/imprimir objetivos a partir de muestras fotografiadas.

Elección artesanal: preocupaciones sobre el zoom: la compresión JPG mancha ligeramente los colores planos, así que elija desde el centro de las áreas de color, no desde los bordes (donde el suavizado mezcla los vecinos); para gradientes, tenga en cuenta que está muestreando un punto de una rampa; y para el trabajo de marca, pruebe las regiones sólidas del logotipo en varios puntos y obtenga el consenso. Combínelo con nuestro Convertidor de colores para cambios de formato (hex↔RGB↔HSL) y el Generador de paleta de colores para crear esquemas alrededor del ancla seleccionada. Las imágenes se procesan en su navegador.

Preguntas Frecuentes

Ruido de compresión JPG y suavizado: los colores "planos" varían algunas unidades de píxel a píxel. Muestre el centro de la región de color, idealmente varios puntos, y tome la moda.
Utilice una versión PNG/SVG si está disponible (sin ruido JPG), elija entre áreas sólidas grandes y verifique su validez con cualquier guía de marca publicada. Para los SVG, el color está literalmente en el código del archivo.
Hex (#RRGGBB) y RGB: el par nativo de la web. Convierta a HSL u otros con nuestro Color Converter cuando el flujo de trabajo lo necesite.
Sí, elija los colores dominantes (sujeto, fondo, acentos) como candidatos y luego refine con el Generador de paleta de colores. Las fotografías con iluminación cohesiva producen paletas naturalmente armoniosas.
Las capturas de pantalla pasan por el procesamiento y la compresión de la pantalla; los pequeños cambios son normales. Para un trabajo con especificaciones exactas de píxeles, elija el recurso original (el PNG exportado, no una foto de una pantalla).

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.