O Seletor de cores é a função do seu editor que permite gerenciar o esquema de cores de texto, plano de fundo, camadas e muito mais. Você pode escolher uma cor pela paleta de cores, inserir um valor HEX ou RGB ou até mesmo criar um gradiente personalizado. O recurso de cores recentes lhe ajudará a manter seu esquema de cores consistente e dará um visual profissional ao seu site.
Ao trabalhar com o Seletor de cores, você tem as seguintes opções:
Estilo de cor
Antes de escolher o esquema de cores, você precisa escolher onde deseja usar a uma só cor ou um gradiente.
Se você estiver usando a opção de uma só cor, pode escolher uma cor de recente guia de cores ou saltar para escolher outra cor.
O fundo gradiente será uma opção disponível para a linha, coluna e planos de fundo do widget e superposições de imagens. Para aplicar um gradiente, você precisa:
- Escolher 2 cores das paradas do gradiente
- Você pode reverter as cores para ajustar o posicionamento das paradas
- Escolher a direção do gradiente
- A opção central gerará o gradiente radial
- As opções laterais criarão um gradiente linear
Cores do tema
As cores do tema definem uma paleta de cores e vincula cores específicas a qualquer ou a todo com as configurações de cores. A cor do elemento vinculado às cores do tema é atualizada automaticamente quando a cor vinculada é alterada nas configurações das cores do tema. Com isso, você altera rapidamente a cor, agilizando o processo do design e garantindo um estilo padronizado em todas as páginas do site. Saiba como configurar as cores do tema em Cores do tema.
Cores salvas
Salve cores usadas com frequência em seu site adicionando-as à lista Cores salvas no seletor de cores.
Para adicionar uma cor às cores salvas, clique na guia Cores salvas no seletor de cores e clique no ícone +. Para remover uma cor da lista Cores salvas, clique com o botão direito do mouse na cor e selecione Remover.
Você pode salvar até 48 cores e gradientes na lista Cores salvas.
Cores Recentes
Ao escolher uma cor, o menu de cores recentes apresenta uma amostra de cores que foi recentemente usada em seu site. Isso permite que você escolha rapidamente as cores que já estão em seu site.
Escolher outra cor
Selecione o matiz de uma cor usando a paleta de cores à direita ou o painel de cores. Como alternativa, você pode inserir o valor HEX ou RGB da cor desejada na caixa de texto abaixo do gradiente de cores vertical.
Para combinar perfeitamente uma cor de qualquer lugar do seu site (imagens, textos e outros), clique na tool conta-gotas (
) e selecione a cor do site que deseja usar. Você não precisa gastar seu tempo tentando descobrir o nome ou o valor exato da cor.
Opacidade
O controle deslizante de opacidade determina a transparência de um elemento. Tenha em mente que à medida que você reduz a opacidade de um elemento, tudo o que estiver por trás dele (imagem de fundo ou cor) começará a se misturar com esse elemento.
Considerações
- Por não estar disponível nos elementos de texto, o gradiente não aparece no Seletor de cores em elementos de texto no editor de design do da aba "Tema".
- Quando estiver trabalhando com planos de fundo, alternar entre Cor e Imagem definirá as configurações na opção anterior para null. Exemplo: se você estiver usando uma cor e mudar a configuração para Imagem, todas as configurações de cor ou gradiente serão removidas.
- Os gradientes substituem o plano de fundo do botão individual. Para retornar à configuração anterior, selecione novamente o plano de fundo dos botões individuais.