Cómo usar
- Haga clic en "Seleccionar imagen", arrastre una imagen o pegue una captura de pantalla con Ctrl+V / Cmd+V.
- Mueva el cursor o el dedo sobre la imagen para revelar los valores en vivo de HEX/RGB/HSL y la retícula de la lupa.
- Haga clic en un punto para guardar ese color en su historial.
- Haga clic en "Extraer colores principales" para generar una paleta amigable para el diseño y copie las muestras que necesite.
Ejemplo: Pegue una captura de pantalla de un producto, elija el color principal del botón y copie el valor HEX directamente en su CSS o archivo de diseño.
Características principales
- Selector de Color de Imagen Local: Las imágenes se renderizan y analizan en el canvas del navegador; no se realiza ninguna carga a servidores.
- Valores HEX/RGB/HSL Precisos: Mueva el cursor o el dedo sobre la imagen para leer valores en tiempo real de HEX, RGB y HSL.
- Retícula de Lupa: Un zoom de vista previa magnificado le ayuda a apuntar exactamente a bordes de iconos, detalles de capturas de pantalla de UI y pequeñas muestras.
- Generador de Paleta de Colores: El muestreo de píxeles del lado del cliente extrae hasta 5 colores dominantes para referencias rápidas de diseño.
- Guardado y Copia Rápidos: Haga clic en la imagen para guardar colores en el historial. Haga clic en cualquier muestra para copiar el código de color.
Herramientas relacionadas
La calculadora FIRE 2026 definitiva con ajuste por inflación. Evita números ilusorios simulando el crecimiento del interés compuesto con poder adquisitivo real. Analiza las brechas de ahorro y exporta a CSV para tus paneles en Excel o Notion. 100% privada con cálculos locales.
Calcula el tamaño de tu posición de trading a partir del capital de la cuenta, el riesgo %, el precio de entrada y el stop-loss. Funciona localmente en tu navegador para comparar escenarios de riesgo antes de operar.
Calcula el interés compuesto a partir del capital inicial, las aportaciones periódicas, el rendimiento anual y los años de inversión. Visualiza el capital, el interés generado y el saldo final con un gráfico interactivo local.
Usa la calculadora de préstamos e hipotecas para calcular el pago mensual, el total de intereses y la tabla de amortización localmente. Introduce el importe, la tasa y el plazo para calcular ahora con gráficos interactivos.
Usa la calculadora de inversión y ROI para estimar el capital inicial, aportaciones periódicas, rendimiento anual y resultados ajustados por inflación localmente. Visualiza tus rendimientos futuros con un gráfico interactivo, ROI y un plan anual detallado.
Usa la calculadora de APR a APY para realizar conversiones bidireccionales de APR y APY de forma local en tu navegador. Introduce una tasa, elige la frecuencia de capitalización y obtén la tasa de interés efectiva, la diferencia y una tabla comparativa de frecuencias al instante.
Usa la calculadora de margen de beneficio para calcular el beneficio bruto, Markup, Margen y precio de venta de forma local en tu navegador. Introduce el coste y el precio, o el coste y el margen objetivo para calcular al instante.
Calcula el gasto publicitario, impresiones, clics, CPM, CPC y CTR localmente en tu navegador. Introduce el presupuesto y los costes objetivo para planificar escenarios de campañas al instante.
Lógica de cálculo
Esta herramienta decodifica la imagen localmente usando HTML5 Canvas y lee el píxel RGBA en la coordenada actual de selección usando getImageData. Los valores HEX, RGB y HSL se calculan directamente a partir de esos datos de píxeles.
La generación de la paleta muestrea los píxeles del canvas, agrupa colores similares en clases simples de matiz y los ordena por frecuencia para devolver hasta 5 colores dominantes. Esto es excelente para paletas rápidas de diseño y web, pero no reemplaza la gestión de color profesional absoluta compatible con perfiles ICC / P3.
Preguntas frecuentes
¿Se cargan mis imágenes?
No. La carga de imágenes, la selección de color, la vista previa de la lupa und la generación de la paleta se ejecutan localmente en su navegador.
¿Cómo obtengo un código de color HEX de una imagen?
Seleccione o pegue una imagen y mueva el cursor o el dedo al píxel deseado. El color en vivo se muestra al instante. Haga clic en la imagen para guardar el color en el historial, luego haga clic en la muestra para copiar el valor HEX.
¿Qué formatos de color son compatibles?
La herramienta muestra y copia HEX, RGB y HSL, los formatos de color más comunes utilizados en diseño web y desarrollo front-end.
¿Por qué el color podría ser ligeramente diferente de Photoshop?
El elemento Canvas lee el píxel tal como lo renderiza su navegador. Las particularidades del navegador, la gama de visualización de la pantalla y los perfiles de color de imagen integrados pueden crear pequeñas diferencias.
¿Can I pick colors on mobile?
Sí. En dispositivos táctiles, arrastre el dedo por la imagen para mover la retícula, luego toque o suelte para bloquear un color.