DevTulz Online

Clique em qualquer amostra para copiar seu valor hex.
Exportar paleta

    
Copiado!

O que é uma paleta de cores?

Uma paleta de cores é um conjunto curado de cores que funcionam harmoniosamente juntas, derivadas da teoria das cores. Os esquemas de cores são definidos pelas relações entre os matizes na roda de cores: cores complementares (matizes opostos, alto contraste), análogas (matizes adjacentes, harmoniosas), triádicas (três matizes igualmente espaçados), tetrádicas (quatro matizes formando um retângulo), complementares divididas (uma base mais duas cores adjacentes ao seu complemento) e monocromáticas (um matiz em diferentes níveis de luminosidade). As paletas são essenciais no design de UI, branding e artes visuais para criar combinações de cores consistentes e atraentes.

Como usar o gerador de paleta de cores

  • Escolha uma cor base com o seletor de cores, ou digite um valor hex diretamente (ex.: #4f8ef7).

  • Clique em Aleatório para gerar uma cor base aleatória.

  • Selecione um esquema de cores: Complementar, Análogo, Triádico, Tetrádico, Complementar dividido ou Monocromático.

  • Clique em qualquer amostra de cor para copiar seu valor hex para a área de transferência.

  • Alterne a aba de exportação entre Variáveis CSS, Array Hex e HSL para escolher o formato preferido.

  • Clique em Copiar para copiar toda a exportação da paleta para a área de transferência.