Extractor de Paleta de Colores

Extrae una Paleta de Colores de Cualquier Imagen

Sube una foto para obtener sus colores dominantes, selecciona píxeles exactos y exporta código listo para usar.

Suelta una imagen aquí

o haz clic para explorar tus archivos

Admite PNG, JPG y WebP de hasta 50MB

Compartir

Sobre el Extractor de Paleta de Colores

Esta herramienta analiza los píxeles de una imagen y los agrupa en un conjunto reducido de colores representativos mediante la cuantización median-cut, la misma técnica usada en los algoritmos clásicos de reducción de color. Elige un tamaño de paleta, copia el código hexadecimal de cualquier muestra o usa el cuentagotas para tomar un píxel exacto de la foto.

Características:

  • Extracción de paleta median-cut con 4, 6 u 8 muestras
  • Herramienta de cuentagotas para tomar píxeles exactos de la imagen
  • Copia con un clic de los valores hexadecimales y RGB
  • Exporta como variables CSS, JSON o un fragmento de configuración de Tailwind

Cómo Extraer una Paleta de Colores

  1. Sube o arrastra una imagen (PNG, JPG o WebP)
  2. Elige un tamaño de paleta: 4, 6 u 8 colores
  3. Haz clic en las muestras para copiar el código hexadecimal, o haz clic en la imagen para tomar píxeles exactos
  4. Copia la exportación en CSS, JSON o Tailwind para tu proyecto

Preguntas Frecuentes

¿Cómo funciona el extractor de paleta de colores?

Reduce la resolución de tu imagen, lee los colores de los píxeles y agrupa los colores similares mediante cuantización median-cut. Cada grupo se promedia en una única muestra representativa, y las muestras se ordenan según cuánto cubren de la imagen.

¿Hay un límite de tamaño para la imagen que puedo subir?

Se admiten imágenes de hasta 50MB. Las imágenes muy grandes se reducen automáticamente para el análisis, así que la extracción sigue siendo rápida sin importar la resolución original.

¿Para qué sirve la herramienta de cuentagotas?

Haz clic en cualquier parte de la imagen subida para tomar el color exacto de ese píxel, independientemente de la paleta extraída automáticamente. Puedes elegir hasta 6 colores de esta forma.

¿Por qué los colores extraídos no coinciden exactamente con lo que veo en la foto?

La paleta se construye promediando grupos de píxeles similares, por lo que los degradados y matices sutiles se suavizan en unas pocas muestras representativas en lugar de cada tono individual. Usa el cuentagotas si necesitas el color exacto de un píxel.

¿Subir una imagen la envía a algún lado?

No. Cada paso (decodificación, reducción de resolución y análisis de color) ocurre localmente en tu navegador. La imagen nunca se sube ni se almacena.

¿Cómo uso la paleta en mi sitio web o herramienta de diseño?

Usa el panel de exportación para copiar la paleta como variables personalizadas de CSS, un arreglo JSON de códigos hexadecimales o un fragmento de configuración de Tailwind listo para pegar en tu proyecto.

Privacidad

Tu imagen se procesa completamente en tu navegador usando datos de píxeles del canvas; nunca se sube a un servidor.

Estándares y Referencias

Última actualización: 2026-07-22