Gerador de Paleta de Cores

Gere paletas de cores harmoniosas online grátis. Crie paletas monocromáticas, análogas, complementares, tríades e mais. Exporte para CSS, SCSS, Tailwind e JSON.

Cor Base

HSL: 217°, 91%, 60%

Tipo de Harmonia

Paleta Gerada

HEX:#3CE0F6
RGB:60, 224, 246
HSL:187°, 91%, 60%
HEX:#3CB2F6
RGB:60, 178, 246
HSL:202°, 91%, 60%
HEX:#3C83F6
RGB:60, 131, 246
HSL:217°, 91%, 60%
HEX:#3C55F6
RGB:60, 85, 246
HSL:232°, 91%, 60%
HEX:#523CF6
RGB:82, 60, 246
HSL:247°, 91%, 60%

Exportar

:root {
  --color-1: #3CE0F6;
  --color-2: #3CB2F6;
  --color-3: #3C83F6;
  --color-4: #3C55F6;
  --color-5: #523CF6;
}
Advertisement

Sobre Paletas de Cores

Uma paleta de cores é um conjunto de cores que trabalham harmoniosamente juntas. Entender as relações entre cores é fundamental para criar designs visualmente agradáveis e profissionais.

Tipos de Harmonias

  • Monocromática: Variações de uma única cor (diferentes tons e saturações)
  • Análoga: Cores adjacentes no círculo cromático, criando transições suaves
  • Complementar: Cores opostas no círculo cromático, criando alto contraste
  • Tríade: Três cores igualmente espaçadas no círculo cromático
  • Tétrade: Quatro cores formando dois pares complementares

Quando Usar Cada Harmonia

Paletas monocromáticas são elegantes e fáceis de usar. Análogas criam designs suaves e naturais. Complementares são ideais para chamar atenção. Tríades e tétrades são mais complexas e vibrantes, ótimas para projetos criativos.

Dicas de Uso

Use a regra 60-30-10: 60% cor dominante, 30% cor secundária e 10% cor de destaque. Teste sua paleta em diferentes contextos (claro/escuro) e verifique o contraste para acessibilidade. Considere o significado cultural das cores para seu público-alvo.

Perguntas Frequentes

Paleta harmoniosa usa cores que combinam bem juntas, baseadas em princípios da teoria das cores como complementaridade e analogia.