Um código hexadecimal é um número hexadecimal de 3 bytes usado em HTML, CSS e outros apps para representar cores. Eles começarão com uma hashtag (#) e serão seguidos por 6 dígitos, usando números, letras (A - F) ou uma combinação de ambos.
Quando você seleciona uma cor de uma fonte, borda ou plano de fundo em uma campanha ou formulário criado na ActiveCampaign usando o seletor de cores, exibimos o código hexadecimal para você. Além disso, se você já sabe qual código hexadecimal usar em seus formulários e comunicações, facilitamos a aplicação desse código. Isso permite que você use cores específicas em seus formulários e comunicações associadas à sua tag.
Se você quiser saber mais sobre códigos de cores hexadecimais e como eles são gerados, clique aqui.
Como usar códigos de cores hexadecimais em campanhas e emails de automação
Em campanhas e emails de automação, você pode usar cores hexadecimais nos seguintes itens:
- Cor da fonte
- Cor de plano de fundo para todos os blocos de conteúdo
- Cor da borda para todos os blocos de conteúdo
- Cor da coluna para todos os blocos de conteúdo
- Cor da fonte (quando aplicável)
- Bloco HTML personalizado
- Ao criar um email usando seu próprio código personalizado
Existem maneiras ligeiramente diferentes de aplicar códigos hexadecimais no Editor de emails (lançado em 2022) e no Editor Clássico. Clique abaixo para saber expandir as informações para saber mais:
Observe que, com o Editor de emails, você pode atualizar as Configurações Globais em sua campanha para definir a aparência geral, incluindo cores, antes de aplicar configurações individuais. Saiba mais sobre as opções disponíveis para personalizar na aba Configurações Globais. Você também pode usar as instruções a seguir para atualizar as cores hexadecimais para essas opções.
Para alterar a cor da fonte em um único bloco de texto usando o Editor de emails (lançado em 2022):
-
Clique no bloco de texto com a fonte que você quer atualizar e, em seguida, à direita, clique no campo Cor do texto. Observe que você também pode alterar a cor do plano de fundo do bloco clicando em Cor do plano de fundo de todos os links na caixa de texto clicando em Cor do link.
- Selecione as cores digitando um código hexadecimal ou clicando no quadrado e na barra de cores no modal exibido.
- Suas alterações serão salvas automaticamente.
Para adicionar alterar a cor da sua fonte com o Editor Clássico, basta clicar nesse bloco de texto e clicar no seletor de cores na barra de ferramentas modal.
Você pode então selecionar entre cores adicionais ou clicar no link "Mais" para selecionar entre ainda mais cores ou adicionar seu próprio código de cores hexadecimais:
Para adicionar seu próprio código de cores hexadecimais a qualquer bloco específico, como uma borda de bloco ou para adicionar uma cor de fundo, clique nesse bloco específico:
Quando você fizer isso, exibiremos um menu de opções à direita da tela:
Aqui você pode digitar seu código hexadecimal diretamente no campo de cores que quer alterar ou selecionar uma nova cor no seletor de cores.
Se você tiver um código hexadecimal específico para usar para o plano de fundo da borda ou da coluna, clique no seletor de cores para inserir o código.
Como usar códigos de cores hexadecimais em formulários
Em formulários, você pode usar cores hexadecimais nos seguintes itens:
- Cor de fundo do formulário
- Cor da fonte do formulário
- Cor da borda do formulário (formulários integrados)
- Plano de fundo do botão Enviar
- Fonte do botão Enviar
- Borda do botão Enviar
- Blocos CSS personalizados
Para adicionar sua própria cor hexadecimal ao formulário, clique na aba "Estilo". Em seguida, adicione seu código Hex em qualquer lugar onde haja uma opção para editar o campo de cores. Por exemplo, aqui está o editor de cores na seção Texto da aba Estilo: