- - Escolha cores para formar um gradiente e obtenha código CSS 3 com gradiente [Mac]

Escolha cores para formar um gradiente e obtenha código CSS 3 com gradiente [Mac]

Definir a classe CSS 3 para gradiente de cores é umatarefa cansativa, pois é necessário encontrar as tonalidades de cores necessárias e depois misturá-las para formar um gradiente. Quando o gradiente é criado, transformá-lo em código CSS3 (para chamá-lo em HTML5) não é nada fácil; os web designers geralmente enfrentam dificuldades para encontrar os valores exatos HEX de diferentes tons de cores para finalmente criar uma classe CSS para gradiente de cores. Gradiente é uma aplicação pequena e elegante para Mac quepermite escolher cores para formar um gradiente, alterar formas de gradiente e gerar código CSS3 para a versão final do gradiente que você deseja usar no documento da folha de estilo do site. O aplicativo vem com editores de código de cores RGB e HEX para ajustar manualmente os tons de gradiente. Dois seletores de cores pequenos também foram integrados ao aplicativo para selecionar cores da tela para cada tom de cor degradê.

Escolha a cor na tela que desejaincluir no gradiente, clique no botão da lupa para iniciar o seletor de cores e mova o cursor para ver os tons de cores. Um clique salvará a tonalidade da cor abaixo da localização atual do ponteiro do mouse no aplicativo. Da mesma forma, você pode escolher outro tom de cor do gradiente. Um pequeno troca de cores botão está disponível para alternar entrecores gradientes. Por padrão, o editor de código de cores RGB e HEX é invisível. No entanto, você pode revelá-lo com o botão de seta para baixo. Ele mostra os valores de cores RGB e HEX para os dois tons de gradiente.

gradiente principal 2

Além do seletor de cores, você pode alterar manualmenteas cores de gradiente usando a paleta de cores nativa do Mac. Sob os editores de código de cores RGB e HEX, você encontrará um botão de alternância para escolher o estilo e o ângulo gradiente necessários. Por padrão, mostra 4 ângulos. Quando você clica no botão de alternar, ele revela diferentes estilos de gradiente.

gradiente

O Gradient suporta todos os navegadores da web amplamente utilizados, incluindo Firefox, Opera, Chrome e Internet Explorer. Em Configurações, você pode alterar a cor de fallback e alterar o modo de saída.

configurações

Uma vez feito, você pode visualizar o código CSS gradiente clicando no botão CSS. No entanto, se você deseja copiar diretamente o código CSS, clique em Copiar para colar o código no arquivo CSS ou no IDE de desenvolvimento de aplicativos.

código

Em suma, o Gradient fornece ferramentas rápidas para projetar e incorporar código CSS de gradiente em seu projeto de design gráfico. Funciona no Mac 10.6 ou superior.

Baixar Gradiente

Comentários