INICIALIZAÇÃO DO SISTEMA
Utilitário cromático avançado pronto.
Escolha uma cor visualmente, ajuste os tons e gere uma paleta profissional.
SELEÇÃO VISUAL DA COR BASE
AMOSTRA ATIVA
CORES RÁPIDAS
Você não precisa saber o código da cor: pode escolhê-la pela paleta visual e o sistema gera automaticamente HEX, RGB, HSL, HSV e CMYK.
CENTRO DE CONTROLE CROMÁTICO
RESUMO DO SISTEMA
COR ATIVA
#1D63FF
FORMATOS PRINCIPAIS
- HEX#1D63FF
- RGBrgb(29, 99, 255)
- HSLhsl(221, 100%, 56%)
- HSVhsv(221, 89%, 100%)
- CMYKcmyk(89%, 61%, 0%, 0%)
METADADOS DA COR
- Luminância relativa0.168
- Texto recomendadoBranco
- Temperatura visualFrio
- SATURAÇÃOAlta
- BrilhoMédio / alto
TONS RÁPIDOS
RECOMENDAÇÕES
- A cor ativa funciona bem como cor principal para interfaces.
- Combine-a com um neutro claro para uma melhor hierarquia visual.
- Verifique o contraste antes de usar em texto pequeno.
- Use a seção de gradiente para criar fundos mais ricos.
CONVERSOR AVANÇADO DE COR
ENTRADA DIRETA
SELETOR VISUAL SECUNDÁRIO
GERADOR DE PALETA
CONFIGURAÇÃO DA PALETA
HARMONIAS DE CORES
TIPOS DISPONÍVEIS
- Complementar-
- Análoga-
- Triádica-
- Tetrádica-
- Monocromática-
SELETOR DE HARMONIA
VISUALIZAÇÃO DA HARMONIA
CONTRASTE E ACESSIBILIDADE
COMPARADOR
Prévia
Texto de exemplo para verificar legibilidade
Texto pequeno · botão · interface · acessibilidade
RESULTADO WCAG
- Razão-
- AA texto normal-
- AA texto grande-
- AAA texto normal-
- AAA texto grande-
GERADOR DE GRADIENTE
CONFIGURAÇÃO
PRÉVIA
background: linear-gradient(90deg, #1D63FF 0%, #FFAE24 100%);
EXPORTAÇÃO DE DADOS
FORMATOS DISPONÍVEIS
SAÍDA
HISTÓRICO E FAVORITOS
CORES RECENTES
ATALHOS RÁPIDOS
- Clique em qualquer amostra para carregá-la como cor ativa.
- Use “Cor aleatória” para explorar combinações inesperadas.
- Trave cores da paleta e regenere o restante.
- Exporte variáveis CSS para usar nos seus projetos.
TEXTO DESCRITIVO
Esta paleta de cores online permite trabalhar profissionalmente com HEX, RGB, HSL, HSV e CMYK, gerar harmonias, verificar contrastes e criar gradientes diretamente no navegador.
É ideal para web design, branding, interfaces, redes sociais, impressão e protótipos visuais quando você precisa de códigos exatos e combinações equilibradas.
Também inclui exportação rápida, histórico local e recomendações automáticas para melhorar acessibilidade e consistência cromática.