# Deslocador de Matiz de Cor Desloque matizes de cores e crie variações com controles de rotação horária/antihorária > Página canônica: https://elysiatools.com/pt/tools/color-hue-shifter - **Categoria:** Design - **Palavras-chave:** cor, matiz, deslocamento, rotação, roda, ajuste, tom, sombra, ajuste de cor ## Visão geral O Deslocador de Matiz de Cor é uma ferramenta intuitiva para designers e desenvolvedores que precisam ajustar tons e criar variações cromáticas precisas através da rotação no círculo cromático. ## Entradas - **Cor Base** (color) - **Tipo de Ajuste** (select) - **Quantidade de Deslocamento de Matiz (graus)** (range): Quantidade de deslocamento de matiz para rotação de cor (0° a 360°) - **Passos do Gradiente** (number): Aplica-se apenas quando "Gradiente (roda completa)" está selecionado. Controla quantas cores gerar na sequência do gradiente de matiz (2-20 passos) - **Incluir Cores Complementares** (checkbox) - **Preservar Valor de Luminosidade** (checkbox) ## Quando usar - Ao criar paletas de cores harmoniosas a partir de uma cor base. - Para gerar variações de tons em interfaces de usuário ou elementos gráficos. - Quando você precisa converter uma cor específica para seu equivalente complementar ou análogo. ## Como funciona - Selecione sua cor base utilizando o seletor de cores. - Escolha o tipo de ajuste, como rotação horária, anti-horária ou gradiente completo. - Defina a quantidade de graus para o deslocamento ou o número de passos para o gradiente. - Aplique opções adicionais, como a preservação da luminosidade, para manter a consistência visual. ## Casos de uso - Criação de esquemas de cores para sistemas de design (Design Systems). - Geração automática de variações de cores para estados de botões (hover/active). - Exploração de paletas complementares para ilustrações e layouts web. ## Perguntas frequentes ### O que é o deslocamento de matiz? É a alteração da posição de uma cor no círculo cromático, permitindo criar novas tonalidades mantendo a relação original. ### Posso manter o brilho da cor original? Sim, ao ativar a opção 'Preservar Valor de Luminosidade', a ferramenta ajusta apenas o matiz, mantendo a intensidade da cor original. ### Como funciona o modo gradiente? O modo gradiente gera uma sequência de cores distribuídas uniformemente ao longo do círculo cromático com base no número de passos definido. ### O que são cores complementares? São cores opostas no círculo cromático que, quando combinadas, criam um contraste visual forte e equilibrado. ### A ferramenta suporta exportação? A ferramenta gera os resultados visualmente em HTML, permitindo que você visualize e copie os códigos das cores resultantes. ## Ferramentas relacionadas - [Cores Analógicas](https://elysiatools.com/pt/tools/color-analogous): Gerar esquemas de cores análogas harmoniosas com cores adjacentes na roda de cores, criando combinações unificadas e pacíficas - [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 - [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 - [Saturação/Dessaturação de Cor](https://elysiatools.com/pt/tools/color-saturate-desaturate): Ajuste a saturação das cores e crie variações de saturação - [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 - [Ferramenta de Tétrade de Cores](https://elysiatools.com/pt/tools/color-tetrad): Gerar esquemas de cores tétricas com quatro cores dispostas em padrões retangulares na roda de cores, criando relacionamentos de cores ricos e complexos - [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 ## 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.