Sobre o Gerador de tonalidade e sombra
Misture uma cor base com branco e preto para gerar matizes e sombras. Útil para estados de foco, bordas, planos de fundo e tokens de design.
Como usar
- 1Escolha a cor baseQualquer valor hexadecimal funciona.
- 2Revise a escalaAs tonalidades ficam mais claras; os tons ficam mais escuros.
- 3Copie os valores hexadecimaisAdicione-os à sua paleta ou variáveis CSS.
Por que usar este gerador de tonalidade e sombra?
- Nada sai do seu dispositivo. O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
- Sem upload, aguarde. Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
- Gratuito, sem conta, sem cotas. Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.
Perguntas frequentes
Minha cor é segura para uso aqui?
Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.
Preciso criar uma conta?
Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.
Funciona em um telefone?
Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.
Qual é a diferença entre uma tonalidade e uma sombra?
Uma tonalidade mistura a cor com o branco; uma sombra mistura com preto. Ambos reduzem a saturação de maneiras diferentes.
Quantas etapas uma paleta deve ter?
Cinco a dez passos por matiz são comuns. Certifique-se de que as etapas usadas para texto e planos de fundo tenham contraste suficiente.