# Ferramenta de Cores Complementares Divididas Criar contraste harmonioso com esquemas de cores complementares divididas usando uma cor base e duas cores adjacentes ao seu complemento > Página canônica: https://elysiatools.com/pt/tools/color-split-complement - **Categoria:** Design - **Palavras-chave:** cor, complementar dividido, contraste harmonioso, harmonia de cor, esquema de cor, cores adjacentes, harmonia triádica ## Visão geral A Ferramenta de Cores Complementares Divididas permite criar paletas de cores equilibradas e visualmente atraentes, utilizando uma cor base e as duas cores adjacentes ao seu complemento direto para gerar um contraste harmonioso. ## Entradas - **Cor Base** (color) - **Ângulo de Divisão (graus)** (number): Ângulo entre o complemento e as cores divididas (tipicamente 15-45 graus) - **Ajuste de Saturação** (number): Multiplicador de saturação (0.5-2.0) - **Ajuste de Luminosidade** (number): Ajustar luminosidade (-0.3 a 0.3) - **Incluir Cor Base** (checkbox) - **Mostrar Códigos HEX** (checkbox) - **Mostrar Valores RGB** (checkbox) - **Mostrar Valores HSL** (checkbox) - **Gerar Paleta Estendida** (checkbox) ## Quando usar - Ao buscar um contraste vibrante que não seja tão agressivo quanto o esquema complementar direto. - Durante a criação de identidades visuais que exigem equilíbrio entre cores quentes e frias. - Para desenvolver paletas de UI/UX que precisam de destaque sem perder a harmonia estética. ## Como funciona - Selecione a sua cor base através do seletor de cores. - Ajuste o ângulo de divisão para definir a proximidade das cores complementares. - Refine a saturação e a luminosidade para adequar o tom ao seu projeto. - Visualize os códigos HEX, RGB e HSL gerados para aplicar diretamente no seu design. ## Casos de uso - Design de interfaces de aplicativos que necessitam de botões de ação com alto contraste. - Criação de paletas para ilustrações digitais que exigem profundidade e equilíbrio. - Desenvolvimento de guias de estilo para marcas que buscam uma estética moderna e profissional. ## Perguntas frequentes ### O que é o esquema de cores complementares divididas? É uma variação do esquema complementar que usa uma cor base e as duas cores adjacentes ao seu oposto no círculo cromático. ### Como o ângulo de divisão afeta a paleta? O ângulo determina quão próximas as cores complementares estarão do oposto exato da cor base, alterando a intensidade do contraste. ### Posso ajustar a intensidade das cores geradas? Sim, você pode usar os controles de ajuste de saturação e luminosidade para suavizar ou intensificar os tons da paleta. ### Quais formatos de cor são fornecidos? A ferramenta exibe os valores em formatos HEX, RGB e HSL, facilitando a integração com softwares de design e código CSS. ### Esta ferramenta é gratuita? Sim, a ferramenta é totalmente gratuita e pode ser usada ilimitadamente para gerar esquemas de cores. ## Ferramentas relacionadas - [Conversor de cores CMYK](https://elysiatools.com/pt/tools/cmyk-converter): Converte cores entre HEX, RGB, HSL e CMYK. - [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 - [Gerador de Gradiente de Cores](https://elysiatools.com/pt/tools/color-gradient-generator): Gera gradientes de cores suaves entre múltiplas cores com passos e formatos personalizáveis - [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 - [Gerador de Esquemas de Cores](https://elysiatools.com/pt/tools/color-scheme-generator): Gera esquemas de cores e paletas profissionais para projetos de design - [Tonedor Sépia](https://elysiatools.com/pt/tools/color-sepia-toner): Aplicar efeitos de tons sépia nas cores com estilos clássico, quente, frio e personalizado - [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 ## 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 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 - [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 ## 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.