Escolher a cor certa é fundamental para manter a consistência do seu design. No GemPages, Seletor de cores Essa ferramenta permite selecionar cores de qualquer lugar da tela — até mesmo de outras janelas abertas no mesmo monitor.
Essa funcionalidade opera de forma semelhante às ferramentas de softwares de design como o Figma, facilitando a combinação de cores entre diferentes elementos, imagens ou materiais da marca.
Quando você deve usar o seletor de cores?
O Seletor de Cores é especialmente útil quando:
- Você quer combinar cores de imagens.
- Você precisa usar as cores da marca presentes no logotipo.
- Você deseja cores consistentes em toda a sua página.
- Você está copiando cores de outro site ou arquivo de design.
- Você quer evitar inserir códigos de cores manualmente.
Por exemplo, se você quiser que o texto do seu título corresponda à cor da imagem do logotipo, basta escolher a cor diretamente em vez de tentar adivinhar o código hexadecimal.
Como usar o seletor de cores
Neste exemplo, vamos mudar a cor de um Elemento de título usando o Seletor de Cores.
Passo 1: Selecione o elemento cuja cor você deseja alterar.
Na tela do editor:
- Clique no Elemento de título você quer atualizar
- Certifique-se de que o elemento correto esteja selecionado.
Após a seleção, as configurações do elemento aparecerão no painel esquerdo.
Passo 2: Abra as configurações de cores e selecione o ícone Seletor de Cores.
Nas configurações do elemento:
- Encontre o Cor opção
- Clique para abrir as configurações de cor.
- Clique na Ícone do Seletor de Cores
Após clicar no ícone, seu cursor se transformará em uma ferramenta de seleção de cores.
Passo 3: Escolha uma cor em qualquer lugar da sua tela.
Mova o cursor para qualquer área visível na sua tela.
Você pode escolher as cores dentre:
- Imagens dentro da sua página
- logos
- Outras abas do navegador
- Arquivos de design
- Qualquer janela aberta no mesmo monitor.
Clique na cor que deseja usar.
A cor selecionada será aplicada imediatamente ao seu elemento.
Após selecionar a cor:
- A nova cor será aplicada automaticamente.
- Não são necessários passos adicionais.
Você pode continuar editando ou repetir o processo para outros elementos.
Obrigado por seus comentários