Como o método de sombreamento afeta a cor?

Diferentes métodos alteram a matemática da cor. O método linear adiciona preto puro, enquanto o HSL ajusta a luminosidade e o LAB preserva melhor a percepção visual da cor.

Posso gerar sombras com passos personalizados?

Sim, ao selecionar o método 'Passos Personalizados', você pode definir valores específicos de intensidade separados por vírgula.

O que é a distribuição de passos exponencial?

A distribuição exponencial cria variações que escurecem mais rapidamente à medida que se afastam da cor original, ideal para sombras profundas.

É possível exportar os valores em diferentes formatos?

Sim, a ferramenta exibe automaticamente os códigos HEX, RGB e HSL para cada variação gerada.

A cor original é incluída na lista de resultados?

Sim, você pode marcar a opção 'Incluir Cor Original' para manter a cor base como referência no topo da sua nova paleta.

Elysia Tools

Navegação

Design

Gerador de Sombras de Cor

Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

11 opções

ConteúdoCole ou digite os valores principais.1

Valores de Passos PersonalizadostextOpcionalValores separados por vírgula (ex: 0.1,0.3,0.5,0.7,0.9)

ConfiguraçõesAjuste formatos, intervalos, números e modos.5

Cor BasecolorObrigatórioMétodo de SombraselectOpcionalNúmero de SombrasnumberOpcionalQuantas variações de sombra gerarIntensidade da SombranumberOpcionalMáxima escuridão (0.1-1.0)Distribuição dos PassosselectOpcional

AlternânciasAtive ou desative comportamentos opcionais.5

Incluir Cor OriginalcheckboxOpcionalAtivo quando marcadoMostrar Códigos HEXcheckboxOpcionalAtivo quando marcadoMostrar Valores RGBcheckboxOpcionalAtivo quando marcadoMostrar Valores HSLcheckboxOpcionalAtivo quando marcadoGerar Paleta EstendidacheckboxOpcionalAtivo quando marcado

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Gerador de Sombras de Cor

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Paleta de Botões para UI

2. Sombreamento para Modo Escuro

Perguntas frequentes

Exemplos de códigos de cor

Exemplos de Processamento de Imagem Android Java

Exemplos de Processamento de Imagem Android Kotlin

Exemplos de Processamento de Imagem Web Python

Cores Analógicas

Gerador de Gradiente de Cores

Deslocador de Matiz de Cor

Clarear/Escurecer Cor

Geradores de efeitos CSS, paletas e tokens de design

Ferramentas de Design de Cor e Conversão de Espaços de Cor

Ferramentas de conversao de espacos de cor para web e impressao

Ferramentas de auditoria de acessibilidade web e cores acessiveis