# Saturação/Dessaturação de Cor Ajuste a saturação das cores e crie variações de saturação > Página canônica: https://elysiatools.com/pt/tools/color-saturate-desaturate - **Categoria:** Design - **Palavras-chave:** cor, saturação, dessaturação, vibrância, intensidade, ajustar, tom, ajuste de cor, croma ## Visão geral A ferramenta de Saturação/Dessaturação de Cor permite ajustar com precisão a intensidade cromática de qualquer cor base, facilitando a criação de paletas equilibradas, variações de tons e efeitos visuais personalizados para seus projetos de design. ## Entradas - **Cor Base** (color) - **Tipo de Ajuste** (select) - **Quantidade de Ajuste (%)** (range): Quantidade de ajuste para saturação da cor (-100% a +100%) - **Passos do Gradiente** (number): Aplica-se apenas quando "Gradiente (faixa completa)" está selecionado. Controla quantas cores gerar na sequência do gradiente de saturação (2-20 passos) - **Incluir Cores Complementares** (checkbox) - **Preservar Características de Matiz** (checkbox) ## Quando usar - Para criar variações de tons pastéis ou vibrantes a partir de uma cor principal. - Ao precisar gerar escalas de saturação consistentes para interfaces de usuário (UI). - Para ajustar a intensidade de cores em logotipos ou elementos gráficos sem alterar o matiz original. ## Como funciona - Selecione a sua cor base utilizando o seletor de cores. - Escolha o tipo de ajuste desejado: saturar, dessaturar, criar um gradiente ou definir um valor personalizado. - Ajuste a porcentagem de intensidade ou o número de passos para o gradiente conforme necessário. - Ative a preservação de matiz para garantir que a tonalidade original permaneça inalterada durante a modificação. ## Casos de uso - Desenvolvimento de sistemas de design (Design Systems) com escalas de cores consistentes. - Criação de estados de hover ou desabilitado para botões e elementos de interface. - Ajuste rápido de ativos gráficos para garantir harmonia visual em apresentações ou layouts. ## Perguntas frequentes ### O que significa preservar características de matiz? Ao ativar esta opção, a ferramenta garante que apenas a intensidade da cor seja alterada, mantendo a tonalidade (hue) original intacta. ### Posso criar uma escala completa de saturação? Sim, selecionando a opção 'Gradiente' e definindo o número de passos, você pode gerar uma sequência de cores que vai da dessaturação total até a saturação máxima. ### Qual a diferença entre saturar e dessaturar? Saturar aumenta a vivacidade e a pureza da cor, enquanto dessaturar aproxima a cor de tons cinzas, tornando-a mais suave ou neutra. ### A ferramenta suporta cores complementares? Sim, ao marcar a opção 'Incluir Cores Complementares', a ferramenta gera automaticamente variações baseadas no oposto da sua cor no círculo cromático. ### Como defino a intensidade do ajuste? Utilize o controle deslizante 'Quantidade de Ajuste' para definir o valor entre -100% (dessaturação total) e +100% (saturação máxima). ## Ferramentas relacionadas - [Complemento de Cor](https://elysiatools.com/pt/tools/color-complement): Encontrar cores complementares e criar esquemas harmoniosos com relacionamentos triádicos, tetraédricos e análogos - [Deslocador de Matiz de Cor](https://elysiatools.com/pt/tools/color-hue-shifter): Desloque matizes de cores e crie variações com controles de rotação horária/antihorária - [Inversor de Cor](https://elysiatools.com/pt/tools/color-inverter): Inverter cores e criar versões negativas com métodos de inversão RGB, HSL e brilho - [Clarear/Escurecer Cor](https://elysiatools.com/pt/tools/color-lighten-darken): Ajuste o brilho das cores e crie variações - [Gerador de Sombras de Cor](https://elysiatools.com/pt/tools/color-shade): Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design - [Gerador de Tons de Cor](https://elysiatools.com/pt/tools/color-tint): Gere variações mais claras de uma cor adicionando branco, criando tons brilhantes e aéreos para estéticas de design frescas - [Gerador de Cores Neon](https://elysiatools.com/pt/tools/neon-colors): Gere cores neon vibrantes e brilhantes com alta saturação e brilho, criando efeitos de luz elétrica chamativos perfeitos para telas digitais e design moderno - [Gerador de Cores Pastel](https://elysiatools.com/pt/tools/pastel-colors): Gere cores pastel suaves e delicadas com saturação reduzida e luminosidade aumentada para criar paletas delicadas e soothing ## Exemplos - [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato ## Conteúdo relacionado - [Ferramentas para sistemas de cores acessíveis](https://elysiatools.com/pt/hubs/color-design-tools): Crie um sistema de cores reutilizável transformando cores, gerando harmonias, verificando contraste e visão de cores e documentando tokens. - [Fluxo de sistema de cores e efeitos CSS](https://elysiatools.com/pt/hubs/design-generate): Extrair uma paleta, construir relacoes acessiveis, gerar tokens e aplicar efeitos CSS coerentes em estados reais de interface.