Qual é a diferença entre as duas abas?

A aba Escala monta uma rampa 50–950 no estilo Tailwind usando a luminosidade OKLCH, então os passos são perceptivamente uniformes — ideal para design tokens de UI. A aba Tintas / Sombras / Tons mistura sua cor em direção ao branco (tintas), preto (sombras) e cinza (tons), a maneira clássica como artistas montam uma paleta.

Quais formatos de cor posso usar como base?

Qualquer um entre HEX, RGB, HSL ou OKLCH. Você também pode usar o seletor de cores. Clique em qualquer amostra gerada para copiar seu valor HEX.

Por que os passos mais claros e mais escuros parecem menos saturados?

A escala diminui o croma em direção às extremidades, então os passos muito claros e muito escuros permanecem dentro do espaço sRGB e não parecem sujos — a mesma abordagem que os sistemas de design modernos usam.

Minha cor é enviada para um servidor?

Não. Todos os tons são calculados localmente no seu navegador e nada é enviado.

Incorporar

Gerador de tons de cor

Ferramentas de cores

Gere tons de cor a partir de qualquer valor HEX, RGB, HSL ou OKLCH. Monte uma escala 50–950 no estilo Tailwind ou tintas, sombras e tons clássicos — clique em uma amostra para copiar. Grátis e privado.

Gere tons a partir de qualquer cor

Insira uma cor base e obtenha na hora uma gama completa de tons. Alterne entre uma escala numerada no estilo Tailwind e tintas, sombras e tons clássicos.

Escala (50–950)

A escala usa a luminosidade OKLCH, então cada passo é perceptivamente uniforme, com o croma diminuindo nas extremidades clara e escura. Isso produz design tokens equilibrados como os dos frameworks de UI modernos.

Tintas, sombras e tons

Tintas misturam sua cor em direção ao branco — mais claro e suave.
Sombras misturam em direção ao preto — mais escuro e profundo.
Tons misturam em direção ao cinza — mais suave e discreto.

Como usar

Escolha uma cor base ou digite um valor HEX, RGB, HSL ou OKLCH.
Escolha a aba Escala ou Tintas / Sombras / Tons.
Clique em qualquer amostra para copiar seu valor HEX.

FAQ

Adicione esta ferramenta gratuita ao seu site

Cole o snippet e esta ferramenta passa a fazer parte do seu conteúdo, sem desenvolvimento. Ferramentas úteis dão aos visitantes um motivo para ficar mais tempo e voltar, fortalecendo o SEO do seu site. O iframe se ajusta automaticamente. Por favor, mantenha o link.

Incorporar

Operado por

O Tools by Timothe AI é um conjunto de ferramentas gratuitas desenvolvidas e operadas pela unbounded pioneering inc, a empresa por trás do Timothe AI.

Ryosuke SuzukiFundador e CEO

Fundador e CEO da Unbounded Pioneering Inc., a empresa por trás do Timothe AI, e especialista em machine learning e desenvolvimento de produtos de IA. Começou a carreira na pesquisa de machine learning em um laboratório universitário e, depois, projetou e construiu produtos de grande escala como engenheiro de software na PLAID, na Rakuten e na Recruit, ao mesmo tempo em que impulsionava o desenvolvimento de novos negócios. Hoje é especializado em IA generativa e produtos de IA, atua tanto na engenharia quanto no desenvolvimento de negócios e é inventor nomeado em várias patentes concedidas na área de tecnologia web.

Inventor nomeado nas patentes concedidas JP6887648 e JP7480958 · Patente pendente para a tecnologia Timothe AI

LinkedIn X Sobre nós →

Fale conosco

Obrigado por entrar em contato

Agradecemos o seu interesse em nossa empresa. Um membro da nossa equipe entrará em contato com você em até um dia útil.

Em que podemos ajudar

Adotar e aproveitar ao máximo a Timothe AI
Adoção de IA em geral (inclusive além do nosso produto)
Alianças e parcerias
Qualquer outra dúvida