WMW

Obtener Colores de Imagen

Free

Extrae una paleta de colores dominantes de una imagen usando cuantización de corte de mediana, con copia como hex o variables CSS.

Funciona completamente en tu navegador. Tu imagen nunca se sube a ningún sitio.

Haz clic para elegir una imagen, o arrástrala y suéltala aquí

Actividad reciente

Visible para todos. Últimos 20 usos de todos los visitantes, más recientes primero.

Aún no hay actividad. Sé el primero.

Comentarios (0)

¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.

Los comentarios de invitados se revisan antes de publicarse. Iniciar sesión para publicar al instante.

Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!

Qué hace esta herramienta

Extrae una paleta de colores dominantes de cualquier imagen usando cuantización de color de corte medio, la misma técnica usada por las bibliotecas populares de extracción de paletas, con un número de colores ajustable y copia con un clic como códigos hex o variables CSS.

Cómo funciona

Todos los píxeles de la imagen comienzan en un solo grupo. La herramienta encuentra qué canal de color (rojo, verde o azul) tiene el rango de valores más amplio dentro del grupo más numeroso, ordena los píxeles de ese grupo a lo largo de ese canal, y lo divide por la mitad en la mediana para que ambas mitades contengan aproximadamente la misma cantidad de píxeles. Esta división se repite, siempre dirigida al grupo con más píxeles, hasta que haya tantos grupos como colores solicitaste. Cada grupo final se reduce entonces a un solo color promediando sus píxeles, y los colores resultantes se ordenan con el más común (grupo más grande) primero.

Problemas que resuelve

Preguntas frecuentes

¿Cómo elige esta herramienta qué colores son los más importantes en mi imagen?

Usa una técnica llamada cuantización de corte medio: trata el color de cada píxel como un punto en el espacio 3D rojo/verde/azul, divide repetidamente el grupo de colores más numeroso por la mitad a lo largo del canal de color que más varía dentro de él, y una vez que tiene tantos grupos como colores solicitaste, promedia cada grupo en un color representativo. Los grupos con más píxeles aparecen primero en los resultados, así que la paleta refleja cuánto de la imagen cubre realmente cada color.

¿Por qué es esto más inteligente que simplemente promediar toda la imagen en un solo color?

Promediar todo de una vez mezclaría una foto con áreas rojas y azules distintas en un morado turbio que no aparece en ningún lugar del original. Al dividir el espacio de color en grupos separados antes de promediar, cada grupo solo contiene colores similares, así que las áreas rojas y azules siguen representadas como entradas de paleta propias y reconocibles en lugar de anularse entre sí.

¿Por qué la paleta extraída podría omitir un color que puedo ver claramente en la foto?

Si ese color solo cubre una pequeña área de la imagen, puede terminar plegado en un grupo más grande y dominante en lugar de obtener su propio espacio, especialmente con conteos de color bajos. Aumentar el número de colores solicitados da a las áreas de color pequeñas o sutiles una mejor oportunidad de separarse en su propia entrada de paleta.

¿Esto analiza la imagen en resolución completa?

La imagen se reduce primero a una copia de trabajo más pequeña antes del análisis, ya que la extracción de paleta solo necesita una muestra representativa de colores, no todos los píxeles, y esto mantiene la herramienta rápida incluso en fotos grandes. Esto no afecta a la imagen en sí, solo al análisis, no se sube nada y el archivo original nunca se modifica.

¿Puedo usar la paleta en mi CSS?

Sí, haz clic en "Copiar como variables CSS" para copiar la paleta como propiedades personalizadas --color-1 hasta --color-N listas para pegar, o "Copiar como lista HEX" para una lista simple de códigos hex.

Herramientas relacionadas