Obtener Colores de Imagen
FreeExtrae 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.
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
- Crear una paleta de colores o tema basado en una foto, logo, u obra de arte.
- Identificar rápidamente los colores dominantes de una imagen para decisiones de diseño o marca.
- Generar propiedades personalizadas CSS listas para usar a partir del esquema de colores de una imagen.
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
Imagen
Desenfocar Imagen
Difumina una imagen en tu navegador usando desenfoque de Caja, Gaussiano, de Movimiento, o Radial, luego descarga el resultado.
FreeImagen
Generador de Imágenes con Marco Difuminado
Ajusta tu foto a un cuadrado u otra relación de aspecto sin recortar, rellenando el espacio extra con una copia difuminada y ampliada de la imagen.
FreeImagen
Brillo y Contraste de Imagen
Ajusta el brillo y contraste de una imagen en tu navegador con una vista previa en vivo, luego descarga el resultado.
FreeImagen
Ajustador de Exposición de Imagen
Ajusta la exposición de una imagen en pasos fotográficos (EV), aplicados en luz lineal para un resultado físicamente preciso.
Comentarios (0)
¿Te ha resultado útil esta herramienta? Deja un comentario, comparte un consejo o cuéntanos cómo podemos mejorarla.
Aún no hay comentarios. ¡Sé el primero en compartir tu opinión!