Gerador de Paleta de Cores

Gere paletas de cores lindas baseadas na teoria das cores. Crie esquemas complementares, triádicos e análogos para seus designs.

Seleção da Cor Base

Escolha uma cor base usando o seletor ou digite/cole um valor hex no campo de texto

Tipo de Paleta

Paleta Gerada

Base Color
#3B82F6
RGB(59, 130, 246)
HSL(217, 91%, 60%)
Color 2
#f6af3c
RGB(246, 175, 60)
HSL(37, 91%, 60%)
Color 3
#e9897c
RGB(233, 137, 124)
HSL(7, 71%, 70%)
Color 4
#dce97c
RGB(220, 233, 124)
HSL(67, 71%, 70%)
Color 5
#adc5eb
RGB(173, 197, 235)
HSL(217, 61%, 80%)

Exportar Paleta

Visualização - CSS Variables

:root {
  --color-1: #3B82F6;
  --color-2: #f6af3c;
  --color-3: #e9897c;
  --color-4: #dce97c;
  --color-5: #adc5eb;
}

Sobre a Teoria das Cores

A teoria das cores é um conjunto de princípios usados para criar combinações harmoniosas de cores. Entender essas relações ajuda a criar designs visualmente atraentes:

  • Complementar: Criam alto contraste e fazem as cores parecerem mais vibrantes
  • Triádica: Oferecem forte contraste visual mantendo harmonia e riqueza de cores
  • Análoga: Criam designs serenos e confortáveis, frequentemente encontrados na natureza

Use essas paletas como ponto de partida para seus designs. Você pode ajustar saturação e luminosidade para atender suas necessidades específicas.