O que é média de cores?

A média de cores é o processo de calcular uma única cor representativa a partir de várias cores de entrada. Ao contrário da simples mistura, que pode produzir resultados turvas, a média de cores adequada usa modelos matemáticos de espaço de cor para misturar cores de uma maneira perceptualmente significativa. Diferentes espaços de cor (RGB, LAB, LCH, HSL) produzem resultados diferentes porque representam a cor de maneira diferente - alguns são baseados na mistura de luz, outros na percepção humana.

Descrição da ferramenta

Esta ferramenta calcula a cor média a partir de várias cores de entrada usando a biblioteca chroma.js. Você pode escolher entre diferentes modos de espaço de cor (RGB, Linear RGB, LAB, LCH, HSL) para obter diferentes resultados de média. Cada modo produz resultados ligeiramente diferentes com base em como as cores são matematicamente representadas nesse espaço.

Recursos

  • Múltiplos modos de espaço de cor: Escolha entre RGB, Linear RGB (LRGB), LAB, LCH ou HSL espaço de cor para média
  • Gerenciamento dinâmico de cores: Adicione ou remova cores com um mínimo de 2 cores necessárias
  • Cálculo em tempo real: A cor média atualiza automaticamente quando você modifica as cores de entrada ou muda de modo
  • Seletor de cores visual: Cada entrada de cor inclui um seletor de cores para fácil seleção de cor
  • Saída flexível: Visualize a cor média resultante em várias opções de formato (HEX, RGB, HSL, etc.)

Modos de espaço de cor

Diferentes modos de espaço de cor produzem resultados de média diferentes:

  • RGB (Vermelho-Verde-Azul): Média aritmética simples de valores RGB. Rápido, mas pode produzir resultados perceptualmente menos precisos, especialmente com cores complementares.
  • Linear RGB (LRGB): Média no espaço RGB linear (com correção gamma). Mais preciso fisicamente que o RGB padrão, melhor para cálculos baseados em luz.
  • LAB (Luminosidade, A, B): Espaço de cor perceptualmente uniforme projetado para corresponder à visão humana. Melhor para alcançar médias visualmente equilibradas. O componente L representa luminosidade, enquanto A e B representam dimensões de cor.
  • LCH (Luminosidade, Croma, Matiz): Representação cilíndrica do espaço LAB. Particularmente bom para preservar a saturação de cor e prevenir resultados dessaturados.
  • HSL (Matiz, Saturação, Luminosidade): Espaço de cor intuitivo baseado em teoria artística de cor. Útil quando você deseja manter relações de matiz específicas, embora possa produzir resultados inesperados com cores complementares.

Recomendação: Use LAB ou LCH para os resultados mais perceptualmente precisos que correspondem a como os humanos veem a cor. Use Linear RGB para mistura de luz fisicamente precisa.

Casos de uso

  • Sistemas de design: Crie cores intermediárias para gradientes ou escalas de cor
  • Paletas de cores de marca: Encontre uma cor equilibrada entre várias cores de marca
  • Processamento de imagens: Determine o tom médio de várias cores amostradas
  • Harmonização de cores: Misture cores para esquemas de design coesos
  • Visualização de dados: Gere cores representativas para pontos de dados agrupados