Gerador de Cores/Shade
Gerar cores e tons da cor base
Título
Descrição
Clique para copiar
Gere matizes e tonalidades de cores com nosso Color Tint Shade Generator. Crie tons mais claros e tons mais escuros a partir de qualquer cor base para obter consistência no design.
Principais Recursos
Gerar matizes (variações mais claras) e sombras (variações mais escuras)
Geração automática de paleta a partir de uma única cor
Intensidade ajustável e número de variações
Copie cores individuais ou paleta inteira
Verificação de contraste de cores para acessibilidade
Exportar como variáveis CSS ou JSON
Gerador de tonalidade de cor
Selecione a cor base
Escolha sua cor primária usando o seletor de cores
Gerar paleta
A ferramenta gera automaticamente variações de tonalidades e tonalidades
Ver variações
Veja tons mais claros acima da cor base e tons mais escuros abaixo
Copiar Cores
Clique em quadrados de cores individuais para copiar códigos hexadecimais para a área de transferência
Uso em Design
Aplique a paleta ao seu sistema de design para obter variações consistentes
Casos de Uso
Criando variações de cores de componentes de UI para estados (passar o mouse, ativo, desabilitado)
Construindo paletas de cores de marca abrangentes a partir de cores únicas
Desenvolvendo esquemas de cores acessíveis com contraste adequado
Projetando gradientes consistentes para planos de fundo e botões
Perguntas Frequentes
Qual é a diferença entre matiz e sombra?
Os tons são mais claros (adição de branco), os tons são versões mais escuras (adição de preto) da cor base
Quantas variações são geradas?
Normalmente, 9 tonalidades e 9 tonalidades são geradas a partir da cor base
Posso ajustar a intensidade?
Sim, controle a intensidade da geração para criar variações sutis ou extremas
As variações são adequadas para acessibilidade?
A ferramenta verifica as taxas de contraste e destaca combinações acessíveis
Tool Information
Related Tools You Might Like
Gerador de Paleta de Cores da Imagem
Extrair cores dominantes de uma imagem
Conversor RGB/HEX
Converter entre formatos de cores RGB e HEX
Gerador de Gradientes CSS
Criar gradientes CSS personalizados com antevisão
Verificador de Contraste WCAG
Verificar contraste de cor de acordo com os padrões WCAG
Gerador de Assinatura Digital
Criar assinaturas digitais estilizadas com fontes diferentes
Gerador de Sombras de Caixa
Gerar sombras de caixas de CSS
Calculadora de volume de prancha de surf
Calcule o volume perfeito da prancha de surf com base no seu peso, nível de experiência e condições de onda.
Conversor de Altura das Ondas
Converta entre diferentes medições de altura da onda (altura facial, escala havaiana, oceânica).
Planeador de mergulho
Planeje seu mergulho com limites de profundidade, tempo inferior e requisitos de descompressão de segurança.