Saltar al contenido
Toolars
Explorar
Informar de un error

Imágenes · utilidad Local

Selector de color de imagen

Image Color Picker

Muestrea un píxel Canvas de la imagen decodificada por el navegador mediante coordenadas o un clic, sin promediar vecinos; copia HEX o descarga los valores con rgba().

Ruta de la tarea / de la entrada al resultado

Elige la imagen

Funciona en local · No se sube nada

Cómo funciona Selector de color de imagen, privacidad y herramientas relacionadas

Ruta de la tarea / de la entrada al resultado

Cómo tomar un color de un píxel exacto

  1. 01

    Elige la imagen

    Selecciona «Elegir archivo» —o suelta la imagen en la zona— y abre un PNG, JPEG o WebP de hasta 12 MiB, con un máximo de 8 192 píxeles por lado y 24 000 000 píxeles en total. La imagen se abre dentro de esta pestaña con sus dimensiones confirmadas; nada se sube.

  2. 02

    Define las coordenadas

    Introduce valores de píxel enteros en «Píxel X» y «Píxel Y», empezando por 0 en los bordes izquierdo y superior — o sigue el consejo del espacio de trabajo y haz clic en la vista previa de la fuente para fijar ambas coordenadas a la vez. El clic se traduce al píxel exacto de la fuente, así que el tamaño al que se muestra la vista previa nunca cambia lo que lees.

  3. 03

    Lee el píxel

    Pulsa Elegir píxel. La herramienta dibuja una coordenada de la imagen decodificada en un Canvas de 1 × 1 y lee RGBA sin promediar vecinos. La decodificación y la gestión del color o del alfa de Canvas pueden diferir de los bytes del archivo original. Una coordenada fuera de rango se rechaza antes de dibujar.

  4. 04

    Copia el color

    El resultado muestra HEX, rgb() y rgba() del píxel Canvas muestreado. Al hacer clic en la muestra solo se copia HEX, sin opacidad; usa el resultado de texto o Descargar para conservar rgba() y los demás valores en un pequeño archivo.

Datos de la herramienta

Procesamiento
En tu navegador
La entrada sale del dispositivo
Nunca
Retención
No se guarda nada
Precio
Gratis

Tus datos se quedan en el navegador.

Selector de color de imagen usa su ruta de ejecución local verificada y no crea un historial oculto de entradas ni salidas.

Ejecución local

Se ejecuta dentro de la pestaña actual del navegador.

Sin procesamiento oculto

Los datos activos de la herramienta nunca se convierten en un registro de documento de Toolars.

No se necesita cuenta

Usa el flujo de trabajo principal sin crear un perfil. Los favoritos se sincronizan con tu cuenta después de iniciar sesión.

Restablecimiento inmediato

Limpia la pestaña y los datos de trabajo activos desaparecen.

Qué hace Selector de color de imagen en realidad

Hacer coincidir un botón con un tono que solo existe dentro de una captura, sacar el fondo exacto de un gráfico para un informe, comprobar si dos azules de marca difieren de verdad en un solo paso: las preguntas de nivel píxel necesitan respuestas de nivel píxel. Haz clic en la vista previa cerca del punto, mueve las coordenadas de uno en uno para comparar vecinos, y la lectura rgba() zanja discusiones que la vista nunca resolvería. Selector de color de imágenes lee la coordenada localmente, así que las capturas de paneles internos o de páginas inéditas nunca salen del dispositivo.

Preguntas frecuentes

¿Dónde está el origen de coordenadas?
El píxel (0, 0) está arriba a la izquierda; X aumenta hacia la derecha e Y hacia abajo. Introduce enteros no negativos menores que el ancho y alto de la imagen decodificada. Las coordenadas inválidas o fuera de rango se rechazan antes del muestreo Canvas; el mensaje explica el problema, aunque no siempre muestra el límite numérico.
¿Muestrea un área promediada?
No se promedian los vecinos: se toma una coordenada de la imagen decodificada y orientada por el navegador. Es una coordenada exacta en la cuadrícula de píxeles mostrada, no una promesa de que los bytes RGBA coincidan con el archivo original. Usa la herramienta de color promedio para un resumen global.
¿Qué me dice el alfa del valor rgba()?
El alfa es la opacidad informada para ese píxel Canvas, redondeada a tres decimales en rgba(). Puede diferir del canal codificado original tras decodificar y dibujar en el navegador. HEX y rgb() no incluyen alfa; si importa la transparencia, consulta rgba() y previsualiza el color sobre el fondo previsto.
¿El tamaño de la vista previa afecta al píxel que leo?
No. Hacer clic en la vista previa es solo un atajo para introducir coordenadas: la posición del clic se traduce a los píxeles propios de la imagen de origen, y la lectura ocurre en esa coordenada exacta de la fuente. Se muestre la vista previa grande o pequeña, el valor RGBA informado es el mismo píxel de origen.
¿Se sube la imagen a algún sitio?
No. La renderización y la lectura de píxeles se ejecutan por completo dentro de la pestaña actual del navegador, no hace falta cuenta, y al restablecer el espacio de trabajo se descartan la imagen y el valor tomado.

Sigue leyendo

Continuar en Estudio de imágenes

Tareas relacionadas, no un callejón sin salida.

Pasa a otro espacio de trabajo enfocado sin volver al índice completo.

Recortador de imágenes

Image Cropper

Recorta PNG, JPEG o WebP a coordenadas de píxel exactas con relaciones 1:1, 4:3, 3:2 o 16:9, y exporta en PNG, JPEG o WebP. Todo en local.

Editar

Filtros de imagen

Image Filters

Ajusta brillo, contraste, saturación, escala de grises, sepia y desenfoque con seis deslizadores, y descarga el PNG a resolución completa.

Editar

Redimensionador de imágenes

Image Resizer

Redimensiona imágenes a píxeles exactos con bloqueo de proporción, en PNG, JPEG o WebP. El modo por lotes escala hasta 12 imágenes en un zip.

Editar

Color medio de una imagen

Image Average Color Finder

Calcula el color promedio de una imagen ponderando la transparencia y cópialo como HEX, rgb() o rgba(), listo para tus tokens de diseño.

Inspeccionar