Selector de Color de Imagen
Carga cualquier imagen y haz clic donde quieras para leer el color exacto del píxel — la herramienta muestra el código hex, los valores RGB y copia el hex al portapapeles con un clic. Úsalo para sacar colores de una foto de referencia, muestrear el logo de un cliente para un design token, o casar un elemento de UI con una captura existente sin abrir Photoshop.
Cómo seleccionar un color de una imagen
- Arrastra tu imagen a la herramienta o haz clic para seleccionarla. Cualquier formato ráster común funciona.
- Haz clic en el punto exacto donde quieras muestrear el color.
- La herramienta muestra hex, RGB y swatch para que verifiques antes de copiar.
- Haz clic en el hex para copiarlo al portapapeles. Pégalo en CSS, tu herramienta de diseño o doc de marca.
Casos de uso comunes
- Muestrear colores de marca del logo del cliente o una captura existente para un nuevo sistema de diseño.
- Casar un elemento UI con un color usado en otra página sin abrir una herramienta de diseño.
- Tomar tonos de cielo, piel o tela de fotografía de referencia para una visualización de producto.
- Revertir colores de una captura estilizada (por ejemplo un gráfico) para que tu propio gráfico case.
Preguntas frecuentes
¿Por qué mi selección se ve algo distinta a lo que esperaba?
Los píxeles pueden desviarse del color percibido por antialiasing, compresión JPEG y perfiles de color del navegador. Haz zoom sobre el área, o usa el extractor de paleta para sacar el color dominante de una región.
¿Puedo seleccionar varios colores?
Sí. Haz clic en otro punto para muestrear otro píxel. La herramienta muestra siempre el hex más reciente para que copies uno a uno.
¿Funciona con PNG transparentes?
Sí. Seleccionar un píxel transparente devuelve su color visible; seleccionar zonas totalmente transparentes devuelve el color subyacente si lo hay, o reporta transparente.
¿Se sube mi imagen?
No. La lectura del píxel ocurre en el Canvas localmente. Tu imagen no sale del dispositivo.
Sobre la selección de color
Un cuentagotas lee el valor RGB de un píxel y lo convierte en un código hex que CSS, herramientas de diseño y selectores de color entienden en todas las plataformas. Como los colores de píxel pueden desviarse ligeramente de lo que crees ver (por compresión, mezcla con vecinos o perfiles de color del navegador), la herramienta muestra tanto el RGB numérico como el hex para que compruebes antes de usar el valor.
- Cuentagotas al clic en cualquier punto de la imagen
- Muestra hex, valores RGB y previsualización del swatch
- Copiar al portapapeles con un clic
- Funciona con JPG, PNG, WebP y la mayoría de formatos
- Compatible con zoom para detalle fino
- Tus imágenes nunca salen de tu dispositivo
Gratis. Sin registro. Sin subidas. Anuncios mediante AdSense (con consentimiento).
Por Marco B. ·