Tudo sobre Cores

Conversão & Cálculo

Seletor de Cores

Seletor interativo e harmonias.

Contraste (WCAG)

Verifique a acessibilidade.

Conversor em Massa

Converta lotes HEX, RGB e HSL.

Escala de Cores

Crie tons 50–900 para o seu design system.

Exportador de Tokens

Gere tokens para CSS, SCSS, Tailwind e JSON.

Contraste em Lote

Valide múltiplas combinações WCAG.

Relatório de Contraste

Valide pares de cores em lote e exporte CSV.

Comparador Paleta + Contraste

Teste paleta e contraste lado a lado com a mesma cor.

Paletas & Harmonias

Gerador Gradientes

Crie gradientes CSS suaves.

Gradiente Animado

Gere animações CSS com keyframes prontas para uso.

Roda das Cores

Harmonias e esquemas de cores.

Gerador de Paletas

Crie paletas harmônicas por cor base.

Mistura de Cores

Misture e combine cores.

Acessibilidade

Tema Acessível

Valide contraste AA/AAA ao montar seu tema.

Simulador de Daltonismo

Teste como sua imagem é percebida.

Imagem & Extração

Imagem para Cores

Extraia paletas de imagens.

Gradiente por Imagem

Extraia gradiente CSS de fotos.

Paleta por URL

Extraia cores predominantes de qualquer website.

Recolorir Imagem

Aplique cor alvo com intensidade ajustável.

Placeholder

Gere imagens para protótipos.

Referência de Cores

Cores Web Safe

Tabela de 216 cores seguras.

Nome das Cores

Descubra o nome das cores.