Herramienta cuentagotas en línea

Extrae colores de imágenes o páginas web de forma instantánea para obtener HEX, RGB y otros formatos de color para flujos de trabajo de diseño y verificaciones de accesibilidad.

Request Feature / Support
5,196+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Sobre esta herramienta

La Herramienta cuentagotas en línea permite muestreo de color preciso a partir de activos de imagen o contenido de página web al aceptar una URL de imagen o una carga y una especificación de muestreo. Usuarios objetivo incluyen diseñadores UI/UX, desarrolladores front-end, gerentes de marca, ingenieros QA y especialistas en accesibilidad que necesitan valores exactos para tokens de diseño, CSS y controles de contraste. La herramienta devuelve valores HEX, RGB y HSL y puede promediar colores en una pequeña área para reducir el ruido y acelerar flujos de trabajo de colores de marca. Conceptualmente, el muestreo carga los datos de la imagen, valida dimensiones y convierte valores sRGB a varias representaciones. En modo punto se lee un píxel; en modo región se promedia una ventana configurable (predeterminada 3x3). El muestreo gamma corregido minimiza sesgo perceptual y las coordenadas se limitan a los bordes de la imagen. Salidas en formatos estándar HEX, RGB, HSL con resultados deterministas para pegar en tokens CSS o sistemas de diseño. Casos de uso incluyen extraer una paleta de colores de activos existentes, verificar paridad de color entre activos y auditar contrastes para accesibilidad. El valor reside en soportar tanto URL de imágenes como cargas, procesamiento local cuando es posible y conversiones simples sin scripts. Se pueden generar múltiples muestras por imagen para paletas rápidas y exportar resultados como JSON o fragmentos de código listos para CI. Funciones principales: entrada de imagen, modos de muestreo, especificación de coordenadas o región, conversiones de color y opciones de exportación. Se asume sRGB y valores compatibles con CSS; la conversión CMYK está disponible para impresión. Casos límite incluyen imágenes muy pequeñas, coordenadas fuera de los límites y errores de carga con señales claras. Se da prioridad a la privacidad mediante procesamiento local cuando sea posible y sin dependencias externas.

Cómo usar

Proporciona una imagen utilizando una URL o subiendo un archivo.
Selecciona el modo de muestreo: punto para un píxel único o región para un color medio.
Si modo punto, introduce coordenadas (x, y) en píxeles; si modo región, especifica coordenadas del centro y region_size en píxeles.
Ejecuta el cálculo para obtener valores de color en HEX, RGB y HSL.
Revisa las salidas y copia el formato deseado para tokens de diseño o CSS.

How to use online eyedropper tool

Frequently Asked Questions

Encuentre respuestas rápidas

Qué entradas se soportan?
Soporta URL de imagen o cargas de archivo, modos de muestreo punto o región, salidas en HEX, RGB y HSL, CMYK disponible bajo petición para flujos de impresión.
Qué formatos de color se devuelven?
HEX, RGB y HSL por defecto; CMYK disponible a petición para impresión; valores compatibles con CSS.
Cómo se garantiza la precisión?
Promediado por región reduce el ruido; muestreo gamma corrige mejora la precisión perceptual; coordenadas limitadas a los bordes de la imagen.
Qué pasa si la imagen no carga?
Se devuelve un error de carga explícito y se detiene la muestreo; intenta de nuevo con una URL válida o vuelve a subir el asset.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Convertidor de Spotify a MP3

Convierte archivos de audio proporcionados localmente a MP3, permitiendo escucha offline y compatibi...

Color & Design Tools

Calculadora de Distancia por Carretera

Calculadora de distancia por carretera para viajeros, planificadores logísticos y conductores para e...

Color & Design Tools

Calculadora de Edad

Determina rápidamente la edad de una persona a partir de su fecha de nacimiento con nuestra calculad...

Color & Design Tools

Convertidor de divisas

Convierte rápidamente cantidades entre diferentes monedas con nuestro convertidor de divisas en líne...

Tu opinión importa

Ayúdanos a mejorar