Gerador de Paleta de Cores
Crie paletas de cores bonitas com regras de harmonia e exporte como CSS ou configuração do Tailwind.
#3b82f6
#3b82f6
rgb(59, 130, 246)
#F6AF3C
#F6AF3C
rgb(246, 175, 60)
--color-1: #3b82f6; --color-1-rgb: 59, 130, 246; --color-1-hsl: 217, 91%, 60%; --color-2: #F6AF3C; --color-2-rgb: 246, 175, 60; --color-2-hsl: 37, 91%, 60%;
Como funciona
Escolha uma cor base e uma regra de harmonia. O gerador cria uma paleta baseada em relações de teoria das cores no círculo cromático.
Fatos sobre harmonia de cores
- Cores complementares estão a 180° no círculo cromático.
- Cores análogas são adjacentes (±30°) no círculo cromático.
- Cores triádicas estão evenly espaçadas a 120°.