Cálculo

Criador de Paleta de Cores Gratuito

Crie instantaneamente uma paleta de cores correspondente a partir de uma cor HEX: matizes, cores complementares, análogas, tríades e tétrades. Inclui cópia de HEX/RGB/HSL.

Criador de Paleta de Cores
Tons claros (matizes)
Tons escuros (tons)
Complementar
Análogo
Triádico
Tetrádico
Informação

Sobre o Construtor de Paletas de Cores Gratuito

Criar uma paleta de cores é uma das etapas mais importantes em projetos de web design, design gráfico e identidade visual. Uma paleta de cores bem escolhida melhora a experiência do usuário, reforça a consistência da marca e reduz o cansaço visual. Criador de Paleta de Cores Hostragons Com isso, você pode criar instantaneamente cinco estilos de paleta diferentes a partir de uma única cor primária.

Ferramenta; matizes (tons claros) e tons (tons escuros), complementar, análogo, tríade e tetrádico Calcula as harmonias de cores de acordo com a teoria das cores. Para cada cor... HEX, RGB e HSL Você pode copiar os formatos com um único clique. Você pode inserir a cor desejada digitando o código HEX ou usando o seletor de cores.

Todos os cálculos são realizados em tempo real no seu navegador; nenhum dado é enviado para um servidor. Você pode usar esta ferramenta como referência ao preparar variáveis CSS, cores de temas do Tailwind ou estilos de cores do Figma. Com sua interface em turco e design responsivo, ela funciona perfeitamente tanto em computadores quanto em smartphones.

Como usar?

Passo a passo

  1. Insira um código de cor na caixa HEX (por exemplo, #3b82f6Ou navegue pelas cores clicando no ícone do seletor de cores.
  2. A ferramenta escolherá automaticamente a cor que você selecionou. tons, complemento, análogo, tríade e tetrádico Ela produz paletes.
  3. Abaixo de cada caixa de cor HEX, RGB e HSL Você verá os valores; copie-os para a área de transferência clicando no formato desejado.
  4. Ao alterar a cor principal, todas as paletas são atualizadas instantaneamente; pré-visualização ao vivo Graças a isso, você perceberá a harmonia imediatamente.
FAQ

Perguntas frequentes

A cor exatamente oposta (180°) à cor selecionada no círculo cromático é chamada de cor complementar. Ela proporciona alto contraste e é ideal para cores de destaque que chamam a atenção.

Cores análogas são cores adjacentes (±30°) umas às outras no círculo cromático. Essa harmonia, frequentemente encontrada na natureza, transmite uma sensação de calma e equilíbrio aos olhos; é comumente usada em combinações de cores de fundo e texto.

Na harmonia triádica, o círculo cromático é dividido em três partes iguais (120°); isso cria paletas equilibradas e vibrantes. Na harmonia tetrádica, quatro cores são dispostas em intervalos de 90°; isso oferece uma paleta mais variada, mas requer um uso cuidadoso.

Você pode abrir o seletor de cores do seu sistema operacional clicando no ícone do seletor de cores. Se você tiver valores RGB ou HSL, primeiro pode convertê-los para HEX usando um conversor online e colá-los aqui.

Copie o valor HEX ou HSL de cada cor. :root { --primary: #3b82f6; } Você pode defini-la como uma variável CSS desta forma. O formato HSL é particularmente adequado para ajustar o brilho/saturação programaticamente.
Voltar a todas as ferramentas gratuitas