Cómo seleccionar un color de una imagen
- Sube cualquier imagen con Upload an image to pick colors from, una foto, captura, logotipo o maqueta de diseño.
- Mueve el puntero por encima de la imagen para previsualizar el color bajo el cursor y luego haz clic en un píxel para fijar ese color en el panel.
- Lee el color en HEX, RGB y HSL, y pulsa Copy junto al formato que necesites.
- O toma un color de la franja Dominant colors debajo de la imagen, haz clic en una muestra para cargarla o en su código hex para copiarlo directamente.
Por qué seleccionar colores directamente de una imagen
Diseñadores, desarrolladores y responsables de marketing necesitan constantemente el color exacto de algo que solo pueden ver como imagen. Puede que tengas el logotipo de un cliente como un PNG plano sin guía de marca, la captura del sitio de un competidor, una foto cuyo ambiente quieras igualar, o un moodboard que alguien dejó en un chat. Adivinar “ese azul” nunca coincide, un código HEX real sí.
Un selector de color de imagen convierte cualquier píxel en un valor preciso y listo para copiar. En lugar de importar la imagen a Photoshop o Figma solo para usar su cuentagotas, subes el archivo aquí, haces clic en el punto exacto y pegas el código en tu hoja de estilos, documento de marca o archivo de diseño. Como también muestra el mismo color en RGB y HSL, encaja con el formato que espere tu flujo de trabajo: HEX para CSS, RGB para código de imagen, HSL cuando quieras ajustar el brillo o la saturación a mano.
La franja de colores dominantes resuelve la otra mitad del trabajo. Cuando necesitas una paleta en lugar de un solo píxel, crear un tema a partir de una foto, revisar los colores de acento reales de un logotipo o extraer un esquema de color de una ilustración, la herramienta analiza toda la imagen, agrupa los tonos parecidos y muestra el puñado de colores que realmente cubren más superficie. Cada uno es un código HEX completo que puedes copiar, así que un moodboard aproximado se convierte en una paleta usable en segundos.
Tu imagen nunca sale de tu dispositivo
Seleccionar colores parece inofensivo, pero las imágenes que muestreas a menudo no lo son. Fotos de producto sin publicar, marca de un cliente bajo acuerdo de confidencialidad, paneles internos, fotos personales, justo el tipo de archivo que no deberías entregar a un servidor web cualquiera. Esta herramienta nunca te lo pide. Tu imagen se decodifica y se lee por completo dentro de tu propia pestaña del navegador con la API de lienzo estándar; los píxeles se inspeccionan en tu máquina y el archivo no se envía a ningún sitio. Incluso puedes desconectarte de internet después de cargar la página y sigue funcionando.
Ese diseño puramente local también es más rápido, porque no hay espera de subida ni cola, así que hacer clic por una foto grande resulta instantáneo. La única contrapartida es que seleccionar colores de una imagen muy grande depende un poco de tu propio dispositivo, pero una copia de trabajo reducida mantiene ágiles incluso las fotos de varios megapíxeles.
Usos comunes
- Obtener el código HEX exacto de un color de una captura o logotipo para CSS.
- Reconstruir la paleta de una marca a partir de una imagen plana sin guía de estilo.
- Igualar un sitio web o un elemento de interfaz a un color que viste en otro lugar.
- Extraer un esquema de color de una foto, ilustración o moodboard.
- Leer el valor RGB o HSL de un píxel para código de procesamiento de imágenes.
