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.

Gradiente Radial

Monte gradientes radiais CSS com centro personalizável.

Gerador de Sombras CSS

Crie box-shadow com preview ao vivo e copie o CSS.

Glassmorphism CSS

Gere cartões de vidro com blur e transparência.

Gradiente Cônico

Crie conic-gradient para fundos e gráficos.

Neumorphism CSS

Construa componentes suaves com profundidade.

HEX + Opacidade

Converta HEX para RGBA e HEXA (8 dígitos).

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.

Cores de Texto por URL

Extraia cores usadas em propriedades de texto.

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.