O que são cores análogas?

São cores que estão posicionadas lado a lado na roda de cores, criando uma sensação de harmonia e continuidade.

Posso ajustar a intensidade das cores geradas?

Sim, você pode utilizar os controles de ajuste de saturação e luminosidade para personalizar o impacto visual da paleta.

A ferramenta fornece os códigos das cores?

Sim, a ferramenta exibe automaticamente os códigos HEX, RGB e HSL para facilitar a cópia e aplicação em softwares de design.

Quantas cores posso gerar de uma vez?

Você pode configurar a ferramenta para gerar entre 3 a 7 cores análogas em um único esquema.

É possível adicionar cores contrastantes?

Sim, ao ativar a opção de incluir cores complementares, você pode adicionar um ponto de destaque à sua paleta análoga.

Elysia Tools

Navegação

Design

Cores Analógicas

Gerar esquemas de cores análogas harmoniosas com cores adjacentes na roda de cores, criando combinações unificadas e pacíficas

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

10 opções

ConfiguraçõesAjuste formatos, intervalos, números e modos.5

Cor PrimáriacolorObrigatórioNúmero de CoresnumberObrigatórioQuantas cores análogas gerar (3-7)Faixa de Matiz (graus)numberObrigatórioFaixa total de matizes de cada lado da cor primáriaAjuste de SaturaçãonumberObrigatórioMultiplicador de saturação (0.5-2.0)Ajuste de LuminosidadenumberObrigatórioAjustar luminosidade (-0.3 a 0.3)

AlternânciasAtive ou desative comportamentos opcionais.5

Incluir Cores ComplementarescheckboxOpcionalAtivo quando marcadoAdicionar cores complementares para destaqueMostrar Códigos HEXcheckboxOpcionalAtivo quando marcadoMostrar Valores RGBcheckboxOpcionalAtivo quando marcadoMostrar Valores HSLcheckboxOpcionalAtivo quando marcadoMostrar Nomes das CorescheckboxOpcionalAtivo quando marcado

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Cores Analógicas

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Paleta para Identidade Visual de Spa

2. Esquema de Cores para Dashboard de UI

Perguntas frequentes

Exemplos de códigos de cor

Exemplos de Processamento de Imagem Android Java

Exemplos de Processamento de Imagem Android Kotlin

Exemplos de Processamento de Imagem Web Python

Complemento de Cor

Gerador de Gradiente de Cores

Deslocador de Matiz de Cor

Inversor de Cor

Geradores de efeitos CSS, paletas e tokens de design

Ferramentas de Design de Cor e Conversão de Espaços de Cor

Ferramentas de conversao de espacos de cor para web e impressao

Ferramentas de auditoria de acessibilidade web e cores acessiveis