# Conversor de Escala de Cinza Converter cores em escala de cinza com múltiplos métodos de conversão e controle de intensidade > Página canônica: https://elysiatools.com/pt/tools/color-grayscale-converter - **Categoria:** Design - **Palavras-chave:** cor, escala de cinza, preto, branco, conversor, monocromático, dessaturação, cinza, design ## Visão geral O Conversor de Escala de Cinza permite transformar cores vibrantes em tons monocromáticos precisos, oferecendo diversos métodos de cálculo e controle total sobre a intensidade da dessaturação para projetos de design e acessibilidade. ## Entradas - **Cor base** (color): #FF5733 - **Método de conversão** (select) - **Intensidade da escala de cinza (%)** (range) - **Seleção de canal único** (select) - **Pesos RGB personalizados** (textarea): Enter custom weights as JSON format. Example: {"red": 30, "green": 59, "blue": 11} - **Preservar luminosidade original** (checkbox) - **Cores em lote (Opcional)** (text): Digite múltiplas cores separadas por vírgulas (ex: #FF0000, #00FF00, #0000FF) - **Incluir cores originais** (checkbox) - **Mostrar comparação lado a lado** (checkbox) ## Quando usar - Para verificar o contraste de elementos de interface e garantir a acessibilidade visual. - Para criar paletas de cores monocromáticas a partir de uma cor base em projetos de design. - Para converter rapidamente uma lista de cores em tons de cinza para impressão ou prototipagem. ## Como funciona - Insira a cor base ou uma lista de cores em lote no campo de entrada. - Selecione o método de conversão desejado, como luminosidade ponderada ou média simples. - Ajuste a barra de intensidade para definir o nível de dessaturação aplicado. - Visualize o resultado comparativo lado a lado para validar a fidelidade da conversão. ## Casos de uso - Teste de contraste de acessibilidade para interfaces web. - Criação de esquemas de cores neutras para wireframes. - Preparação de ativos gráficos para impressão em preto e branco. ## Perguntas frequentes ### Qual a diferença entre os métodos de conversão? Cada método utiliza uma fórmula matemática distinta. A 'Luminosidade' considera a percepção humana das cores, enquanto a 'Média' trata todos os canais RGB com o mesmo peso. ### Posso converter várias cores ao mesmo tempo? Sim, utilize o campo de cores em lote separando os valores hexadecimais por vírgulas. ### O que faz a opção de pesos personalizados? Permite definir manualmente a contribuição de cada canal (R, G, B) para o resultado final, ideal para ajustes técnicos específicos. ### A ferramenta altera a cor original? Não, a ferramenta gera uma representação em escala de cinza, mantendo a cor original intacta para comparação. ### Como garantir a acessibilidade com esta ferramenta? Ao converter elementos para escala de cinza, você pode identificar se o contraste entre texto e fundo é suficiente para usuários com deficiência visual. ## Ferramentas relacionadas - [Gerador de cascata de tokens de cor](https://elysiatools.com/pt/tools/color-token-cascade-generator): Transforma um hex principal em uma cascata completa de tokens, variaveis CSS e JSON de Style Dictionary - [Extrator de tokens de tema ECharts](https://elysiatools.com/pt/tools/echarts-theme-token-extractor): Extrai design tokens — cores, números, tamanhos de fonte e strings — de um JSON de tema ECharts e os exporta direto no seu design system. Cole um objeto de tema (o registrado e passado a echarts.init(dom, themeName)) e a ferramenta percorre cada folha, marcando cada cor (com normalização opcional nomeada/rgb → hex), número de espaçamento, tamanho de fonte e string, depois emite variáveis CSS limpas, um config theme.extend do Tailwind, tokens.json do Style Dictionary ou variáveis SCSS. Faz a ponte entre um tema de visualização ECharts e os tokens de design Figma/CSS/Tailwind sem copiar cada valor à mão. - [Exportador de Tokens Figma](https://elysiatools.com/pt/tools/figma-tokens-export): Cole um JSON de variáveis Figma / Tokens Studio e exporte para Tailwind, variáveis CSS shadcn, Style Dictionary ou SCSS. Preserva tokens de cor, espaçamento e fonte com inferência de tipo. - [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons - [Gerador de Pictograma](https://elysiatools.com/pt/tools/pictograph-generator): Crie pictogramas usando ícones/símbolos para representar quantidades com ícones, cores e layouts personalizáveis - [Conversor BSON](https://elysiatools.com/pt/tools/bson-converter): Codifica e decodifica dados para/de formato BSON (Binary JSON) - [Conversor CSV para JSON](https://elysiatools.com/pt/tools/csv-to-json): Converte dados CSV para formato JSON com opções de análise personalizáveis - [Transformador CSV](https://elysiatools.com/pt/tools/csv-transformer): Transformar e processar dados CSV com operações de colunas, cálculos e conversões de tipo de dados. Exemplos de operações: • Renomear coluna: \[{"type": "rename", "column": "nome_antigo", "new_name": "novo_nome"}\] • Adicionar coluna calculada: \[{"type": "add_column", "new_column": "total", "formula": "preco * quantidade"}\] • Remover coluna: \[{"type": "remove_column", "remove_column": "coluna_a_remover"}\] • Converter tipo de dado: \[{"type": "convert_type", "convert_column": "idade", "target_type": "number"}\] • Calcular valores: \[{"type": "calculate", "target_column": "total", "expression": "preco * imposto + entrega"}\] • Filtrar linhas: \[{"type": "filter_values", "filter_column": "status", "operator": "equals", "value": "ativo"}\] ## Exemplos - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR - [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas - [Exemplos Rome JavaScript Toolchain](https://elysiatools.com/pt/samples/rome): Exemplos de toolchain JavaScript Rome incluindo configuração, linting, formatting, bundling e gerenciamento de projetos ## Conteúdo relacionado - [Ferramentas de intercambio JSON e traducao de formatos](https://elysiatools.com/pt/hubs/json-convert): Compare ferramentas de conversao JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN e outros formatos estruturados em um unico hub. - [Ferramentas de inspecao, diff e transformacao JSON](https://elysiatools.com/pt/hubs/json-utility): Reune em um so hub ferramentas para formatar JSON, comparar mudancas, inspecionar caminhos, validar schema, mesclar arquivos e transformar dados para fluxos de API e dados. - [Geradores de schema JSON, dados mock e fixtures de API](https://elysiatools.com/pt/hubs/json-generate): Ferramentas reunidas para geracao de schema JSON, construcao de payloads mock e preparacao de fixtures de API em um unico hub. - [Ferramentas de formatação, diff e normalização de JSON](https://elysiatools.com/pt/hubs/json-format): Compare ferramentas de formatação JSON, diff, revisão de logs, comparação de configuração e normalização de dados em um único hub para fluxos de revisão de JSON.