Tudo sobre Cores
Ferramentas gratuitas para converter, misturar e criar paletas de cores.
⭐ Favoritas
🕒 Recentes
🔥 Mais usadas
Comece por estas ferramentas popularesConversão & Cálculo: conversão em massa, tokens de cor, HEX para RGBA.
Paletas & Harmonias: gradientes CSS, gradiente radial, gradiente cônico.
Acessibilidade & Imagem: contraste WCAG, simulador de daltonismo, extrair cores da imagem.
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.
Perguntas rápidas (PT-BR)
Como converter HEX para RGBA?
Abra o Conversor HEX + Opacidade, informe a cor e ajuste a transparência para gerar RGBA/HEXA.
Qual ferramenta usar para criar box-shadow de card?
Use o Gerador de Sombras CSS para ajustar blur, spread, opacidade e copiar o código pronto.