Pular para o conteúdo
Aback Tools Logo

Conversor de escala de cinza

Converta qualquer cor em seu equivalente em tons de cinza usando a fórmula de luminância padrão ITU-R BT.601 (0,299R + 0,587G + 0,114B). Insira qualquer cor HEX para ver o original e a escala de cinza lado a lado com visualização instantânea, valores exatos de luminância e cópia com um clique para todos os formatos de saída. Totalmente privado, 100% gratuito e sem necessidade de inscrição.

Grayscale Converter
Convert any color to its grayscale equivalent using the standard luminance formula. See original vs grayscale side-by-side with instant preview.

Sample Colors

#

Formats: #RGB #RRGGBB

Original vs Grayscale

Original

#FF6B6B

Grayscale

#979797
Luminance151 / 255 (59%)

Formula: ITU-R BT.601 Luminance (0.299R + 0.587G + 0.114B)

Grayscale Values

Original#FF6B6B
Grayscale#979797
Grayscale RGBrgb(151, 151, 151)
Grayscale HSLhsl(0, 0%, 59%)
Original RGB Channels
Red (R)255
Green (G)107
Blue (B)107
Grayscale Values
Grayscale#979797
Gray (R=G=B)151
Luminance %59%
HSLhsl(0, 0%, 59%)

Por que usar nosso conversor de tons de cinza?

  • Conversão instantânea de escala de cinza: O conversor de escala de cinza aplica a fórmula de luminância padrão ITU-R BT.601 a qualquer cor em tempo real. À medida que você digita ou escolhe uma cor, as visualizações original e em escala de cinza são atualizadas instantaneamente, sem nenhum botão para pressionar - fornecendo feedback visual imediato sobre o resultado de luminância.
  • Comparação de cores lado a lado: veja a cor original e seu equivalente em tons de cinza exibidos lado a lado em grandes amostras de visualização. O conversor de escala de cinza também mostra o valor exato da luminância, a porcentagem e uma escala visual de luminância para que você possa entender exatamente como funciona a conversão.
  • 100% privado - não é necessário fazer upload: todas as conversões em escala de cinza acontecem localmente no seu navegador, sem comunicação com o servidor. Seus valores de cores nunca saem do seu dispositivo, tornando o Conversor de escala de cinza seguro para projetos de design confidenciais, especificações de marca e paletas de cores proprietárias.
  • Conversões gratuitas e ilimitadas: converta cores ilimitadas em tons de cinza sem inscrição, assinatura e limites de uso. O Grayscale Converter é totalmente gratuito para sempre, sem anúncios bloqueando a interface. Use-o quantas vezes precisar para qualquer projeto.

Casos de uso comuns para conversor de escala de cinza

  • Revisão de design de impressão e escala de cinza: Os designers de impressão usam o Conversor de escala de cinza para visualizar como os designs coloridos aparecerão quando impressos em preto e branco ou em escala de cinza. Isso é essencial para anúncios em jornais, impressão de livretos e qualquer projeto onde a impressão em cores não esteja disponível ou tenha um custo proibitivo.
  • Teste de acessibilidade e daltonismo: especialistas em acessibilidade usam o conversor de escala de cinza para simular como as interfaces dependentes de cores aparecem para usuários com deficiências de visão de cores. Ao converter os esquemas de cores da interface do usuário em tons de cinza, você pode verificar se as informações não são transmitidas apenas por meio de cores.
  • Validação de cores do sistema de design: os mantenedores do sistema de design usam o conversor de escala de cinza para validar se os tokens de cores têm contraste de luminância suficiente para facilitar a leitura. A conversão das cores da marca em tons de cinza revela se as combinações de texto e plano de fundo funcionarão em cenários críticos de acessibilidade.
  • Fotografia e edição de imagens: fotógrafos e editores de imagens usam o conversor de escala de cinza para entender como cores diferentes se traduzem em tons de escala de cinza. Esse conhecimento ajuda na conversão de imagens para preto e branco, garantindo que os assuntos principais mantenham um bom contraste em relação ao fundo.
  • UI móvel e design de modo escuro: os designers de UI móvel usam o conversor de escala de cinza ao projetar interfaces de modo escuro ou temas de acessibilidade. A conversão de cores de destaque em tons de cinza ajuda a verificar se os elementos da interface do usuário mantêm contraste suficiente nos modos de exibição monocromático ou para baixa visão.
  • Desenvolvimento de filtros e efeitos CSS: os desenvolvedores da Web usam o conversor de escala de cinza para entender a saída exata dos filtros CSS em escala de cinza antes de aplicá-los em sites ativos. A ferramenta mostra os valores RGB e HEX precisos produzidos pela fórmula de luminância, combinando como os filtros CSS funcionam nos navegadores.

O que é conversão em escala de cinza?

A conversão em escala de cinza transforma uma imagem colorida ou um valor de cor individual em tons de cinza que variam do preto ao branco. Ao contrário da simples dessaturação de uma cor (que trata todos os canais igualmente), a conversão adequada da escala de cinza utiliza uma fórmula de luminância que leva em conta a percepção humana - nossos olhos são mais sensíveis à luz verde, menos sensíveis ao vermelho e menos sensíveis ao azul. Nosso conversor de escala de cinza usa a fórmula ITU-R BT.601 padrão da indústria para resultados perceptivos precisos.

Como funciona nosso conversor de escala de cinza

  1. Insira sua cor: digite ou cole um valor de cor HEX (por exemplo, #FF6B6B ) ou use o seletor de cores nativo para selecionar qualquer cor visualmente. O conversor de tons de cinza também suporta o formato HEX de 3 dígitos (#RGB) para sua conveniência. Todo o processamento é executado localmente no seu navegador.
  2. Cálculo de luminância: O conversor aplica a fórmula ITU-R BT.601: L = 0,299 × R + 0,587 × G + 0,114 × B . Esta fórmula ponderada produz o resultado de escala de cinza mais perceptualmente preciso porque explica como o olho humano percebe diferentes comprimentos de onda de cores.
  3. Comparar e copiar: a cor original e seu equivalente em tons de cinza são mostrados lado a lado com grandes amostras de visualização. O valor exato de luminância (0-255), porcentagem (0-100%) e valores HEX/RGB/HSL em escala de cinza são todos exibidos com botões de cópia de um clique para cada formato.

A fórmula de luminância explicada

  • Por que ponderado? O olho humano tem aproximadamente 65% de suas células cônicas (fotorreceptores) sensíveis à luz verde, 33% à vermelha e apenas 2% à azul. A fórmula de luminância reflete esta biologia dando maior peso ao verde (0,587), seguido pelo vermelho (0,299) e pelo azul (0,114).
  • Padrão BT.601: A fórmula de luminância ITU-R BT.601 é o padrão internacional para conversão de escala de cinza em transmissão de televisão, compressão de vídeo e processamento de imagem. É também a fórmula usada pelo filtro CSS: tons de cinza() e pela maioria dos softwares de edição de imagens.
  • Média simples versus luminância: uma média simples de R, G e B ((R+G+B)/3) daria peso igual a todos os canais, produzindo uma escala de cinza mais opaca e menos precisa. A fórmula de luminância preserva o brilho percebido da cor original com muito mais fidelidade.
  • Faixa de luminância: O valor de luminância varia de 0 (preto puro) a 255 (branco puro). Uma porcentagem de luminância mostra onde a cor se enquadra nesta escala, sendo 0% preto e 100% branco. Cores com alta saturação e luminosidade média geralmente produzem resultados surpreendentes em tons de cinza.

Privacidade, segurança e disponibilidade

Processamento 100% baseado em navegador: Nosso conversor de escala de cinza processa todas as conversões de cores inteiramente em seu navegador usando JavaScript. Seus valores de cores nunca são carregados, armazenados ou transmitidos para qualquer servidor. Isso garante total privacidade para projetos de design confidenciais e especificações de cores da marca.

Sempre disponível: Como o conversor funciona inteiramente no lado do cliente, ele continua funcionando mesmo sem conexão com a Internet após o carregamento da página. Não há dependências de servidor, limites de taxa e chamadas de API. Use-o em qualquer lugar, a qualquer hora, para todas as suas necessidades de conversão em tons de cinza.

Perguntas frequentes

Um conversor de escala de cinza transforma qualquer cor em seu equivalente em escala de cinza usando uma fórmula de luminância padrão. Em vez de simplesmente calcular a média dos canais RGB, nosso conversor de escala de cinza usa a fórmula de luminância ponderada ITU-R BT.601 (0,299R + 0,587G + 0,114B), que leva em conta a percepção humana das cores. O resultado é mostrado lado a lado com a cor original para facilitar a comparação.

A fórmula usada é L = 0,299 × R + 0,587 × G + 0,114 × B, onde R, G e B são os valores dos canais vermelho, verde e azul (0-255). Este é o padrão ITU-R BT.601, amplamente adotado em transmissão, processamento de vídeo e filtros CSS. A fórmula tem maior peso no verde porque os olhos humanos são mais sensíveis à luz verde, seguida pela vermelha e depois pela azul.

Uma média simples de canais RGB trataria todas as cores igualmente, mas o olho humano não percebe todas as cores com o mesmo brilho. O verde parece muito mais brilhante que o azul no mesmo valor numérico. A fórmula de luminância ponderada produz um resultado em escala de cinza que corresponde perfeitamente à forma como realmente percebemos o brilho da cor original, tornando-a muito mais precisa do que a simples média.

Sim. Todas as conversões acontecem inteiramente no seu navegador usando JavaScript. Seus valores de cores nunca são enviados para nenhum servidor, nunca são armazenados e nunca são transmitidos para lugar nenhum. O conversor de escala de cinza é totalmente privado e processa tudo localmente no seu dispositivo, tornando-o seguro para especificações confidenciais de cores de marcas e sistemas de design proprietários.

O conversor de escala de cinza aceita valores de cores HEX nos formatos de 3 dígitos (#RGB) e 6 dígitos (#RRGGBB). Você pode digitar o valor com ou sem o prefixo #. A ferramenta também inclui um seletor de cores nativo para seleção visual de cores e amostras predefinidas para testes rápidos de cores comuns.

Sim. O Grayscale Converter é 100% gratuito, sem necessidade de inscrição, sem recursos premium e sem limites de uso. Converta cores ilimitadas em tons de cinza sem quaisquer restrições ou custos ocultos. Não há anúncios bloqueando a interface e a ferramenta funciona inteiramente no seu navegador.

A função CSS filter: grayscale(100%) usa a mesma fórmula ponderada de luminância para converter elementos em tons de cinza no navegador. Nosso conversor de escala de cinza mostra o resultado matemático exato dessa transformação para qualquer cor específica, tornando-o útil para visualizar como os filtros CSS afetarão determinados elementos de design antes de aplicá-los.

A dessaturação converte uma cor em escala de cinza calculando a média de todos os canais RGB igualmente (R+G+B)/3, o que produz um resultado plano. A escala de cinza baseada em luminância, usada pelo nosso conversor de escala de cinza, aplica valores ponderados com base na percepção humana. A diferença é mais perceptível com as cores azul e verde - um azul puro (#0000FF) dessatura para um cinza médio (85), mas com ponderação de luminância torna-se muito mais escuro (29), o que reflete com mais precisão o brilho percebido.