Extraer paleta de colores
Analiza tu foto y extrae su paleta de colores dominantes. Copia los códigos y descarga la paleta como imagen, perfecta para moodboards, branding e inspiración de diseño.
Configuración
Extrae los colores dominantes de cualquier imagen
La extracción de paleta es una técnica clave en diseño: permite identificar los colores que definen visualmente una fotografía o ilustración. Diseñadores de identidad visual la usan para construir paletas de marca a partir de imágenes inspiradoras; desarrolladores front-end la usan para crear temas de color coherentes; y fotógrafos la usan para verificar la armonía cromática de sus composiciones.
De la imagen al código: HEX listo para usar
Cada color extraído muestra su código HEX (por ejemplo, #3A7BD5) listo para copiar con un clic. Pégalo directamente en tu CSS como valor de color, en Figma como fill, en Tailwind como color personalizado, o en cualquier paleta de diseño. También puedes descargar la paleta completa como imagen PNG para documentarla.
Otras herramientas
Preguntas frecuentes
- ¿Para qué sirve extraer la paleta de colores de una imagen?
- Los diseñadores y desarrolladores extraen paletas de imágenes para: crear una identidad visual coherente basada en una fotografía inspiradora, hacer que una web o app use los mismos colores que una imagen de marca, identificar los colores dominantes de una foto para usarlos en diseño gráfico, y verificar que una imagen encaja con la paleta de colores de un proyecto.
- ¿Cuántos colores puedo extraer de una imagen?
- Puedes extraer entre 3 y 12 colores con el slider de configuración. Para la mayoría de usos de diseño, 5–8 colores representan bien la paleta de la imagen sin incluir variaciones muy similares. Para análisis más detallado, usa 10–12 colores.
- ¿Cómo copio los códigos de color HEX extraídos?
- Haz clic sobre cualquier muestra de color en la paleta: el código HEX se copia automáticamente al portapapeles y aparece un icono de confirmación. Puedes pegar el color directamente en Figma, CSS, Photoshop, Illustrator o cualquier herramienta de diseño.
- ¿Puedo descargar la paleta como imagen?
- Sí. El botón "Descargar PNG" genera una imagen con las muestras de color alineadas horizontalmente, cada una con su código HEX debajo. Es ideal para documentar la paleta de un proyecto, incluirla en una presentación o compartirla con un equipo.
- ¿Funciona con imágenes PNG con fondo transparente?
- Sí. Los píxeles con transparencia (canal alfa < 128) se excluyen del análisis de color. Esto significa que el fondo transparente de un PNG no contamina los colores extraídos: solo se analizan los píxeles visibles de la imagen.
- ¿Qué hace la herramienta con colores muy similares entre sí?
- La herramienta aplica una cuantización de 4 bits por canal para agrupar colores similares. Dos píxeles muy parecidos (por ejemplo #FF3322 y #FF3320) se agrupan y se cuenta como un solo color. Esto evita que la paleta se llene de variaciones prácticamente idénticas.