HEXgenerator.online

Gerador de paletas de cores HEX

O HEXgenerator.online cria paletas de cores harmoniosas com um clique e as exporta como variáveis CSS, SCSS, Tailwind ou JSON. Pressione a barra de espaço para gerar, fixe as cores de que gostar e confira o contraste WCAG antes de usar a paleta no seu site.

Atualizado em

Clique em um HEX para copiar · cadeado para fixar

Como usar

  1. Escolha uma harmonia (análoga, complementar, tríade, monocromática…) e quantas cores quer.
  2. Pressione Espaço ou “Gerar paleta” até encontrar uma combinação. Fixe com o cadeado as cores que quer manter.
  3. Abra “Exportar CSS” e copie o código no formato que seu projeto usa.

Perguntas frequentes

O que é um código de cor HEX?

Um código HEX escreve uma cor em hexadecimal no formato #RRGGBB: dois dígitos para o vermelho, dois para o verde e dois para o azul, cada um de 00 a FF. Ele cobre 16.777.216 cores e é o formato mais usado em CSS e web design.

Como uso a paleta no CSS?

Copie o bloco :root com as variáveis --color-1, --color-2… e use-as com var(--color-1) em qualquer propriedade, como color ou background. Assim você muda a paleta inteira em um só lugar.

Qual harmonia de cores escolher?

A análoga usa matizes vizinhos e transmite calma. A complementar opõe matizes para o máximo contraste. A tríade distribui três matizes a 120° para um equilíbrio vivo. A monocromática varia a luminosidade de um só matiz e é a mais sóbria.