O que é um 'tom' (tint) de cor?

Um tom é criado adicionando branco a uma cor pura, o que aumenta a sua luminosidade e diminui a saturação, resultando em cores mais claras e suaves.

Quais métodos de mistura estão disponíveis?

Oferecemos diversos métodos, incluindo Linear, HSL, LAB, Correção Gama e Efeito Pastel, cada um alterando a cor base de forma matemática distinta.

Posso exportar os valores das cores geradas?

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

Quantas variações posso gerar de uma vez?

Você pode gerar entre 2 a 12 variações de tons a partir de uma única cor base.

A ferramenta funciona para criar paletas completas?

Sim, ao ativar a opção de gerar paleta estendida, você obtém uma sequência organizada de tons que podem ser usados como uma paleta de design coesa.

Elysia Tools

Navegação

Design

Gerador de Tons de Cor

Gere variações mais claras de uma cor adicionando branco, criando tons brilhantes e aéreos para estéticas de design frescas

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 TomselectOpcionalNúmero de TonsnumberOpcionalQuantas variações de tom gerarIntensidade do TomnumberOpcionalLuminosidade máxima (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 Tons 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 Tons Pastéis para UI

2. Escala de Brilho para Gráficos

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