Tons de cores - Grátis Online | FunToolX
Use Tons de cores grátis online, sem download. FunToolX oferece centenas de ferramentas divertidas.
Gerador de Tons de Cor
Escolha uma cor e gere um gradiente de tons e nuances. Clique em qualquer amostra para copiar seu código HEX.
Sobre esta ferramenta
Tons de cores é uma ferramenta online gratuita (ferramenta de cor). Gerar tons claros/escuros, cores complementares e análogas. Perfeito para focar, relaxar ou simplesmente se divertir. Funciona inteiramente no seu navegador — sem download nem cadastro.
Digite uma cor de base (por exemplo, #3B82F6), e a ferramenta gerará automaticamente uma série de níveis de 50 - 900 (sistema de cores semelhante ao CSS Tailwind). 50 é o mais claro, 900 é o mais escuro, e cada escala é obtida ajustando o brilho e a saturação com base na cor dominante.
Algoritmo de geração: no espaço de cores HSL, mantenha a tonalidade (H) inalterada e ajuste o brilho (L) e a saturação (S). Os níveis claros reduzem a saturação para melhorar o brilho, os níveis escuros aumentam a saturação para reduzir o brilho, garantindo uma visão uniforme.
Adequado para projetar cores de diferentes estados, como estado de sobreposição, estado de pressão e estado desativado de componentes da interface do usuário. Também é usado para gerar um sistema de cores temáticas, sequências de cores para visualização de dados. Pode ser exportado como uma variável CSS, configuração Tailwind ou JSON.
Gerador de escala de cor que gera automaticamente várias variações de escala de cor, de clara a escura, com base em uma cor primária, para design de interface do usuário e referência de combinação de cores.