Apresentando ColorPick 🎨

Você já perdeu tempo testando combinações de cores que simplesmente não funcionam juntas? Eu cansei disso.

O Problema

Escolher cores para um projeto deveria ser simples, mas na prática:

• Testar cores aleatórias que não combinam
• Converter HEX para RGB manualmente
• Criar shades na tentativa e erro
• Formatar CSS/Tailwind do zero

A Solução

ColorPick usa matemática de teoria das cores para gerar paletas que funcionam. Não é achismo, é ciência.

5 Tipos de Harmonia

1. Complementar — Cor oposta (180°)
2. Análoga — Cores vizinhas (±30°)
3. Tríade — 3 cores equidistantes (120°)
4. Split-Complementar — Variação da complementar
5. Tetrádica — 4 cores em retângulo

11 Shades Automáticos

Cada cor gera automaticamente 11 variações, do mais claro (50) ao mais escuro (950). Exatamente como o Tailwind faz.

Export em 1 Clique

• CSS Variables — :root { --color-500: #8B5CF6; }
• Tailwind Config — Pronto para colar no tailwind.config.js
• JSON — Para usar em qualquer lugar
• SCSS Variables — $color-500: #8B5CF6;

Preview de Componentes

Veja como suas cores ficam em cards, botões e badges antes de usar no projeto.

Tecnologia

100% client-side. Zero backend. Suas cores nunca saem do seu navegador.

Experimente: colorpick.autonomousclara.com

Código: github.com/AutonomousClara/colorpick