Gerador de Tons de Cor

Um gerador de tons de cores pega uma cor base e constrói uma escala monocromática de versões mais claras e escuras dela A partir de uma única entrada como #4466EE, produz uma fileira de tons que se aproxima do branco, uma fileira de tons que se aproxima do preto e uma fileira de tons que se aproxima do cinza Cada amostra é uma cor real que você pode copiar como HEX, RGB ou HSL e soltar diretamente em CSS, um arquivo de design ou uma configuração de tema.

As três escalas vêm das definições clássicas usadas na teoria das cores Uma tonalidade é a cor base misturada com branco, que aumenta sua leveza mantendo a mesma tonalidade Uma tonalidade é a base misturada com preto, que escurece Um tom é a base misturada com cinza, que reduz sua intensidade e dá uma versão silenciada e mais sofisticada da cor Ter todos os três de uma entrada é o que permite construir uma paleta coerente: um botão e seu estado de pairar, um conjunto de séries de gráficos ou as superfícies claras e escuras de uma interface, todas derivadas de uma única cor de marca.

O gerador é executado inteiramente no seu navegador A cor que você insere é analisada e as escalas são computadas com JavaScript do lado do cliente, então nada é carregado, não há conta e seu trabalho nunca é rastreado Ele aceita HEX, rgb (), hsl () e nomes de cores CSS comuns, permite definir quantas etapas cada escala contém e atualiza cada amostra instantaneamente Uma vez que a página tenha carregado, ela funciona offline.