Tons de cores - Grátis Online | ToolXHub
Use Tons de cores grátis online, sem download. ToolXHub 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 básica (como #3B82F6), e a ferramenta gerará automaticamente uma série de níveis de cor de 50 - 900 (semelhante ao sistema de cores CSS Tailwind). 50 é o mais profundo e 900 é o mais profundo. Cada nível de cor é obtido ajustando o brilho e a saturação com base na cor principal.
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 passos claros reduzem a saturação e aumentam o brilho, enquanto os passos escuros aumentam a saturação e reduzem o brilho para garantir uma visão uniforme.
Adequado para projetar cores em diferentes estados, como estado de hover, estado pressionado e estado desativado de componentes da interface do usuário. Ele também é usado para gerar sistemas de cores temáticas e sequências de cores para visualização de dados. Pode ser exportado como variáveis CSS, configurações de Tailwind ou JSON.
Gerador de níveis de cor, que gera automaticamente várias variantes de níveis de luz a profundidade com base em uma cor principal para o design da interface do usuário e referência de correspondência de cores.