Selector de Color de Imagen
Intentar igualar un color de marca a partir de una captura de pantalla de un logo o extraer un tono de pared de una foto generalmente significa abrir Photoshop. Este selector carga cualquier imagen en un lienzo ampliable y muestra el valor HEX, RGB y HSL del píxel en el que hagas clic, con un promedio de 10×10 para que puedas muestrear un área en lugar de un solo píxel y evitar artefactos de ruido JPEG.
Cómo seleccionar un color de una imagen
-
1
Sube o suelta una imagen
JPG, PNG, WebP, el selector se adapta a tu viewport.
-
2
Acércate al área
Desplázate para hacer zoom; arrastra para moverte al lugar exacto que deseas muestrear.
-
3
Haz clic en un píxel
Lectura instantánea en HEX, RGB, HSL, además de una muestra ampliada.
-
4
Copia la notación que necesitas
Un clic copia HEX, rgb() o hsl() a tu portapapeles.
-
5
Guarda múltiples muestras
Recoge una paleta de 6-10 colores de toda la imagen para una referencia de diseño.
Obteniendo muestras precisas
Un selector de color de un solo píxel casi nunca es lo que deseas de una foto real, la compresión JPEG, el ruido y la variación de iluminación crean variaciones de píxel a píxel incluso en un área visualmente uniforme.
Modos de muestreo
| Modo | Qué hace | Cuándo usar |
|---|---|---|
| Punto | Un solo píxel bajo el cursor | Muestrear una captura de pantalla de una herramienta de diseño |
| Promedio 3 × 3 | Promedio de 9 píxeles alrededor del clic | Fotos JPG con compresión ligera |
| Promedio 10 × 10 | Promedio de 100 píxeles | Fotos muy comprimidas o ruidosas |
| Promedio de área | Dibuja un rectángulo, promedia cada píxel dentro | Logos y activos de diseño de color plano |
Advertencias sobre el espacio de color
- Las capturas de pantalla de una pantalla muestran valores sRGB; el color seleccionado coincide con la fuente original.
- Las fotografías de una cámara pueden estar en Adobe RGB o DCI-P3; el selector muestra sRGB, por lo que un rojo vívido de una foto de teléfono de amplia gama de color se ve ligeramente desaturado.
- PNG con perfil ICC: el selector convierte a sRGB antes de muestrear para que las salidas sean consistentes.
Casos de uso comunes
- Igualar el color del logo de un cliente a partir de una captura de pantalla en lugar de adivinar.
- Construir una paleta a partir de una foto de referencia (paisaje, tablero de inspiración, fotograma de película).
- Verificar valores hex en una página web renderizada que perdió sus tokens de diseño.
- Verificar que un color de marca se aplicó correctamente por un interesado.
Privacidad
La imagen se carga en el lienzo de tu navegador y nunca se sube, el selector utiliza lecturas de lienzo puramente del lado del cliente, por lo que los diseños confidenciales permanecen confidenciales.
Preguntas frecuentes
La compresión JPEG desplaza ligeramente los colores, especialmente en degradados y cerca de los bordes. Si la fuente es un JPG, prueba el modo de promedio 10 × 10; si tienes acceso al PNG o SVG original, muestrea de eso para una coincidencia exacta.
No directamente. Toma una captura de pantalla del fotograma que deseas y cárgalo. Para un trabajo riguroso de video a paleta, extrae fotogramas con una herramienta de video y muestrea cada uno.
Toma la muestra del fotograma que se esté mostrando cuando haces clic. Pausa o avanza hasta el fotograma que deseas antes de muestrear.
Hasta 20 por sesión. Las paletas se almacenan localmente, por lo que actualizar la página las mantiene, pero borrar los datos del navegador las elimina.
Herramientas relacionadas
Creador de listas por niveles
Crea una lista privada con texto e imágenes locales, personaliza niveles, clasifica con arrastre o teclado y exporta JSON, PNG o SVG.
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
WebP a JPG
Convierte imágenes WebP a JPG/JPEG directamente en el navegador. Elige la calidad, aplana la transparencia sobre un color de fondo y descarga sin subir archivos.
Vectorizador de PNG a SVG
Convierte imágenes raster PNG en rutas SVG desde el navegador. Ideal para logotipos, iconos y arte lineal. Controla el umbral, el número de colores y el suavizado.
Generador de códigos de barras
Crea en el navegador códigos de barras 1D en Code 128, EAN, UPC, ITF-14 y otros formatos compatibles. Descarga el resultado como SVG o PNG.
Generador de códigos QR
Genera un código QR localmente en el navegador a partir de una URL, texto plano o una carga QR correctamente formateada, y descárgalo como PNG.