Como Funciona
1
Escolha Sua Cor
Use o seletor de espectro, roda de cores ou cole qualquer código de cor.
2
Construa Sua Paleta
Adicione cores à sua paleta, gere harmonias, verifique o contraste e crie gradientes. Bloqueie as cores que você gosta e misture o resto.
3
Exporte em Qualquer Lugar
Copie em qualquer formato, exporte como variáveis CSS, configuração Tailwind, SCSS ou JSON. Tudo acontece no seu navegador.
Recursos Poderosos
100% Privado
Todo o processamento acontece localmente. Sem uploads, sem servidores, sem rastreamento.
14+ Formatos de Cor
HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB e mais.
Ferramentas de Acessibilidade
Verificação de contraste WCAG & APCA, simulação de daltonismo.
Harmonias de Cores
Esquemas complementares, análogos, triádicos, tetrádicos e mais.
Perguntas Frequentes
Meus dados são privados?
Sim, 100%. Todo o processamento de cores acontece inteiramente no seu navegador usando JavaScript. Nenhum dado é enviado para nenhum servidor. Nós não rastreamos, armazenamos ou transmitimos nada.
Quais formatos de cor são suportados?
Suportamos 14+ formatos de cor: HEX, HEX8 (com alfa), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB, e OKLCH. Você pode inserir e extrair em qualquer formato.
O que é contraste WCAG?
WCAG (Diretrizes de Acessibilidade para Conteúdo Web) define taxas de contraste mínimas para legibilidade de texto. AA requer 4.5:1 para texto normal e 3:1 para texto grande. AAA requer 7:1 e 4.5:1, respectivamente.
O que é APCA?
APCA (Algoritmo Avançado de Contraste Perceptual) é um método moderno de cálculo de contraste que modela melhor a percepção humana. Está sendo considerado para WCAG 3.0 e fornece resultados mais precisos para legibilidade no mundo real.