Ves un color que quieres reutilizar — en una foto, una captura de un sitio que te gusta, un logo viejo cuyos archivos de origen desaparecieron hace tiempo — y necesitas el código hex real, no una conjetura. Estimarlo a ojo nunca funciona del todo; los monitores mienten y "ese azul" son en realidad seis azules ligeramente distintos. Sacar la paleta directamente de los píxeles te da códigos que puedes pegar en CSS, una herramienta de diseño o un documento de marca.
Aquí tienes cómo hacerlo, y cómo conseguir una paleta que de verdad sea usable en lugar de un puñado aleatorio de píxeles.
Qué hace de verdad "extraer una paleta"
La herramienta escanea la imagen y encuentra los colores que mejor la representan — los tonos dominantes más los acentos notables — y luego te da cada uno como un código hex que puedes copiar. En lugar de un millón de colores de píxel individuales, obtienes un conjunto ordenado (digamos 5 u 8) que resume la imagen.
Esto es genuinamente útil para unos cuantos trabajos habituales:
- Recuperar colores de marca de un logo o un recurso viejo cuando no tienes la especificación original.
- Construir una paleta de diseño a partir de una foto cuyo ambiente quieres igualar — un paisaje, una foto de producto, una obra de arte.
- Igualar un sitio o gráfico existente del que solo tienes una captura.
- Elegir un fondo o acento que armonice con una imagen que ya estás usando.
Suelta una imagen y lee los códigos:
Usa el control de cantidad para conseguir una paleta útil
El ajuste más importante es cuántos colores sacas. Cambia la respuesta por completo.
- Menos colores (3–5) te dan la paleta esencial — el puñado de tonos que definen la imagen. Esto es lo que normalmente quieres para branding o un sistema de diseño, donde un conjunto reducido es una virtud, no una limitación.
- Más colores (8–12) capturan acentos sutiles y degradados. Útil cuando una imagen es rica y variada y también quieres los tonos secundarios, o cuando estás estudiando exactamente cómo está compuesta una foto.
Si el primer resultado se siente raro — un tono domina, o un acento que querías se fusionó y desapareció — ajusta la cantidad y vuelve a leer. Una foto que es 80% cielo te dará mucho azul con cantidades bajas; sube la cantidad para hacer aflorar los toques de color más pequeños.
Clic para copiar — el flujo de trabajo que importa
Leer un código hex y teclearlo es donde se cuelan los errores (#3A7BD5 frente a #3A7BD6 y has pasado diez minutos preguntándote por qué se ve mal). En la herramienta de Paleta de colores, cada muestra copia su código hex al hacer clic, así que vas directo de la imagen al portapapeles a tu hoja de estilos sin tocar el teclado.
Un flujo práctico:
- Carga la imagen.
- Ajusta la cantidad al trabajo — baja para una paleta de marca, más alta para captar acentos.
- Haz clic en cada muestra que quieras; pégala donde vaya.
- ¿No hay suficiente rango? Sube la cantidad y coge los extras.
Leer los resultados con ojo de diseñador
Unas cuantas cosas que merece la pena saber para que la paleta encaje bien:
- El color dominante no siempre es el útil. Una foto de producto sobre fondo blanco reportará mucho blanco o casi blanco. Eso es exacto, pero el color que de verdad te importa es el producto — sube la cantidad para sacarlo, o recorta hasta el sujeto primero.
- Las fotos tienen más colores de los que parecen. La piel, las sombras y los reflejos añaden tonos que no notaste conscientemente. Una cantidad más alta los revela; una más baja los esconde tras los promedios.
- El hex es portátil. Cada código que copias funciona directamente en CSS, Figma, Photoshop, Canva o un documento de marca. Sin conversión necesaria.
Por qué se queda en tu navegador
Toda la extracción funciona localmente — la imagen se lee y se analiza en tu navegador con Canvas, y nunca se sube a un servidor. Eso importa cuando la "imagen" es una maqueta sin lanzar, un recurso de marca privado de un cliente o una captura interna que no deberías publicar en una herramienta web cualquiera. Es gratis, no necesita registro, y tras tu primera visita funciona sin conexión.
Coge los colores, haz clic para copiar, pégalos donde corresponden.