Construir un diseño en torno a una foto de producto, una imagen de marca o una imagen de referencia empieza por sus colores. Suelta la imagen y obtén su paleta dominante, ordenada de claro a oscuro, con cada muestra a un clic de tener su código hexadecimal copiado.
La extracción usa cuantización por corte de la mediana sobre los píxeles reales (la misma familia de algoritmo que usan los editores de imagen), así que la paleta refleja la distribución real del color, no solo un promedio difuminado.
Cómo se usa
- Añade una imagenCualquier foto, logo u obra.
- Ajusta el tamaño de la paletaDe 3 a 12 colores; observa cómo se actualizan las muestras en vivo.
- Copia los códigosHaz clic en cualquier muestra para su hexadecimal, o copia la paleta entera de una vez.
Extrae una paleta real de cualquier imagen
Este extractor lee los píxeles reales de tu imagen y encuentra sus colores dominantes usando cuantización median-cut, el mismo enfoque que hay detrás de una buena reducción de color. Eso significa que la paleta refleja lo que hay genuinamente en la foto, no una suposición ni un promedio filtrado. Carga una imagen y obtienes un conjunto de muestras hex tomadas directamente del origen.
Tú eliges cuántos colores extraer, desde 3 hasta 12. Menos muestras te dan una paleta ajustada tipo marca; más te dan un esquema de color más completo para trabajo de diseño. Las muestras idénticas se deduplican, así que nunca obtienes el mismo hex dos veces.
Copia códigos hex con un clic
Cada muestra muestra su valor hex, y al hacer clic en una muestra se copia ese código al portapapeles. Cuando quieres el conjunto entero, un botón copia la paleta completa de una vez, lista para pegar en CSS, una herramienta de diseño o una guía de estilo. La paleta se ordena de claro a oscuro para que se lea como una escala ordenada en lugar de un revoltijo.
Como todo se ejecuta en el navegador sobre tu propia imagen, puedes extraer una paleta de color de una foto, una captura o un logotipo sin subir nada.
Para qué la usa la gente
Construir una paleta de marca — Extrae los colores dominantes de un logotipo o una imagen de portada para anclar un sistema de color consistente.
Ajustar un diseño a una foto — Extrae el esquema de color de una foto de producto para que tu maqueta parezca parte de la misma imagen.
Temas de web e interfaz — Toma códigos hex de una imagen de referencia para sembrar variables CSS de los colores de acento y fondo de un sitio.
Elegir colores de una obra — Muestrea los colores reales de una ilustración o pintura para reutilizarlos en tu propio trabajo.
Temas de presentación y diapositivas — Extrae unos pocos colores dominantes de una imagen de portada para dar tema a todo el deck.
Paneles de moda e interiorismo — Consigue la paleta de una foto de inspiración para combinar telas, pintura o accesorios.
Conjuntos de color para visualización de datos — Extrae un conjunto de colores distintos de una imagen de referencia para construir una paleta de gráficos.
Búsqueda rápida de hex — Suelta una captura y haz clic en la muestra que necesites para copiar su código hex exacto.
Extrae los colores directamente de una imagen
Tienes una foto, una captura, un envase, un fotograma de película, y quieres los colores que contiene como códigos hex. Quizá para ajustar una web a una foto de marca, para construir un tema de diapositivas en torno a una foto de producto, o para averiguar qué es de verdad ese degradado de un póster. Leer colores a ojo no es fiable; un color que en tu monitor parece azul marino podría ser #1B2A4A o #14233F, y adivinar te cuesta tiempo y un resultado ligeramente desviado.
El instinto es abrir una web de paletas y reconstruir los colores desde cero, pero eso invierte la tarea. Herramientas como Coolors y Adobe Color son excelentes generando paletas —bloqueas una muestra, pulsas espacio y exploras armonías—, pero cuando el color que quieres ya existe dentro de una imagen, generar desde la nada es el camino largo. Acabas usando el cuentagotas en una app y pegando códigos hex en otra.
Palette hace lo directo. Suelta una imagen y extrae un conjunto de colores dominantes mediante cuantización por corte de mediana —la misma familia de algoritmo que se usa para reducir una imagen a sus colores más representativos— y luego los muestra como muestras ordenadas de claro a oscuro. Haz clic en cualquier muestra para copiar su código hex, o copia el conjunto entero de una vez. Un deslizador te lleva de tres colores hasta doce, así que puedes extraer una pareja de acentos ajustada o un tema completo. Corre enteramente en tu navegador: la imagen se lee en local y nunca se sube, algo que importa cuando el origen es un diseño sin lanzar, la foto de un cliente o cualquier cosa que preferirías no enviar a un servidor solo para tomar una muestra de color.
Qué lo hace diferente
- Extrae, no genera. Lee los colores que ya están en tu imagen en lugar de pedirte que construyas una paleta desde cero.
- Cuantización por corte de mediana. Un algoritmo real elige colores dominantes representativos en lugar de muestrear unos pocos píxeles al azar.
- Cantidad ajustable. Desliza de 3 a 12 colores —una pareja de acentos o un tema completo— y reextrae en vivo.
- Clic para copiar. Toca cualquier muestra para su hex, o copia todos los códigos de un clic, listos para pegar en CSS, una herramienta de diseño o un tema de diapositivas.
- Ordenado para usar. Las muestras se ordenan por brillo para que la paleta se lea con naturalidad.
- Privado y sin conexión. La imagen nunca sale de tu dispositivo, y sigue funcionando tras la primera visita sin conexión.
- Gratis, sin cuenta, sin marca de agua.
IMG.DIY frente a otras herramientas de color
Coolors y Adobe Color son herramientas potentes con un centro de gravedad distinto. La división honesta es generar-una-paleta frente a extraer-colores-de-una-imagen.
| Aspecto | Coolors | Adobe Color | IMG.DIY |
|---|---|---|---|
| Fortaleza principal | Generar y explorar paletas | Armonías de color, integración con Adobe | Extraer colores de una imagen |
| Extraer de imagen | Sí (subida / restringido en el gratis) | Sí | Sí, función principal |
| Sube la imagen al servidor | Normalmente sí | Sí | No, se queda en el navegador |
| Requiere cuenta | Para guardar / algunas funciones | Cuenta de Adobe para uso completo | No |
| Cantidad de colores ajustable | Sí | Conjuntos fijos | 3–12, en vivo |
| Copiar hex | Sí | Sí | Clic en una muestra, o copiar todo |
| Sin conexión | No | No | Sí, tras la primera visita |
| Coste | Nivel gratis + de pago | Gratis con cuenta de Adobe | Gratis, sin límites |
Si tu tarea es diseñar una paleta desde la nada —explorar armonías, bloquear y barajar, guardar colecciones—, Coolors y Adobe Color son el mejor hogar, y Adobe Color es difícil de superar si vives dentro de Creative Cloud. Donde se vuelven más pesadas es en el caso exacto para el que se creó esta herramienta: ya tienes una imagen y solo quieres sus colores, de forma privada, sin subida ni inicio de sesión. Palette extrae los códigos hex de un solo arrastre, te deja ajustar la cantidad y los copia por ti, y luego se quita del medio.
Por qué IMG.DIY
Dominantes reales
Corte de la mediana sobre píxeles reales, no un promedio difuso.
Copia con un clic
Cada muestra copia su hexadecimal al instante.
3–12 colores
Define exactamente cuán detallada es la paleta.
Privado
La imagen nunca sale de tu dispositivo.