Códigos de cores de Campos de Batalha dos Heróis: Guia de configuração da paleta Hex - Cosméticos

Códigos de cores de Campos de Batalha dos Heróis: Guia de configuração da paleta Hex

Explore a paleta de cores documentada de Campos de Batalha dos Heróis, entenda os valores hexadecimais e organize as cores para personalização.

2026-08-30
Equipe da Wiki de Campos de Batalha dos Heróis
Guia rápido
  • Os códigos de cores de Campos de Batalha dos Heróis são valores hexadecimais listados para seleção e personalização de cores.
  • O formato Hex usa seis caracteres, normalmente combinando valores de intensidade de vermelho, verde e azul.
  • A cobertura da paleta inclui azuis, vermelhos, verdes, roxos, neutros, tons metálicos e acentos brilhantes.
  • Verifique entradas incomuns, como valores com cinco caracteres, antes de usá-las em um campo de cor.
  • Use a lista de referência como um guia de consulta, em vez de tratar esses valores como códigos resgatáveis do jogo.

Explicação dos códigos de cores de Campos de Batalha dos Heróis

A referência de códigos de cores de Campos de Batalha dos Heróis é uma paleta de valores hexadecimais publicada pela comunidade. Essas entradas descrevem cores visuais como Absolute Zero, Aqua, Chilli Red, Emerald, Gold e Zaffre. O ideal é entendê-las como códigos de cores hexadecimais, não como códigos promocionais de resgate que concedem moeda, personagens, cosméticos ou outras recompensas.

Um valor de cor hexadecimal normalmente usa seis caracteres após o símbolo #. As seis posições representam a intensidade de vermelho, verde e azul em pares. Por exemplo, FF0000 representa um valor de vermelho intenso, enquanto 0000FF representa um valor de azul intenso. A lista documentada apresenta os valores sem o símbolo de hash inicial, portanto talvez seja necessário inserir # manualmente se o campo de cor relevante exigir isso.

A paleta de origem foi publicada em 28 de agosto de 2026 na referência de códigos de cores da Wiki de Campos de Batalha dos Heróis. Como a página é uma referência da comunidade, e não um anúncio oficial do sistema, trate os valores como uma lista de consulta e confirme como a sua interface atual os aceita.

Família de coresExemplosMelhor uso
AzuisAbsolute Zero, Aqua, Denim, IcebergTemas frios e efeitos glaciais
Vermelhos e laranjasChilli Red, Firebrick, Pumpkin, TomatoAcentos agressivos e temas quentes
VerdesEmerald, Kelly Green, Slimy Green, TealPaletas inspiradas na natureza ou equilibradas
Roxos e rosasDark Magenta, Fuchsia, Orchid, Ultra PinkEfeitos chamativos e acentos de alto contraste
NeutrosGainsboro, Grey, Platinum, SnowFundos, acabamentos e designs discretos
Marrons e tons terrososCoffee, Tan, Taupe, Terra CottaCombinações quentes e naturais
Dica de formato

Se um campo de cor espera um valor no estilo CSS, tente adicionar um # inicial, como em #0048BA. A própria lista de referência omite esse caractere.

Valores Hex

Os valores hex são códigos compactos de seis caracteres que representam a intensidade das cores RGB. Eles são úteis para copiar tons precisos em vez de estimar as cores visualmente.

Nomes das cores

Nomes como Aqua, Gold e Lavender facilitam a consulta e a memorização da paleta ao planejar um tema visual.

Referência de personalização

A lista funciona como uma folha de referência. Ela não confirma que todos os valores sejam aceitos por todas as interfaces atuais de Campos de Batalha dos Heróis.

Tons azuis, ciano e verdes documentados

Os tons azuis e verdes compõem uma grande parte da paleta documentada. Eles variam de tons escuros e saturados, como Lapis Lazuli e Pine Green, a opções mais brilhantes, como Electric Lime, Green Lizard e Spring Bud. Essas cores podem ajudar a organizar um tema por meio do contraste: tons mais escuros funcionam bem como bases, enquanto tons mais brilhantes podem atuar como destaques.

Os valores abaixo reproduzem os nomes e códigos documentados. A ortografia e a capitalização foram normalizadas para facilitar a leitura, mas os valores hexadecimais foram mantidos conforme listados na referência.

CorCódigo HexDireção visual
Absolute Zero0048BAAzul profundo
Aqua00FFFFCiano brilhante
Blizzard BlueACE5EEAzul pálido
Denim1560DBAzul médio intenso
Emerald50C878Verde rico
Green00AD43Verde vibrante
Green LizardA7F432Verde-amarelado brilhante
Iceberg71A6D2Azul suave
InchwormB2EC5DVerde-amarelado claro
Kelly Green4CBB17Verde saturado
Lapis Lazuli26619CAzul escuro
Maximum Blue47ABCCAzul-ciano médio
Pacific Blue1CA9C9Azul-esverdeado
PearD1E231Verde-amarelado
Persian Blue1C39BBAzul profundo
Pine Green01796FVerde azulado escuro
Pistachio93C572Verde-claro suave
Slimy Green299617Verde vivo escuro
Spring BudA7FC00Lima brilhante
Teal008080Azul-esverdeado equilibrado
Technobotanica00FFBATurquesa brilhante
Yellow Green9ACD32Verde-amarelado suave
Zomp39A78EVerde-azulado médio

Uma forma prática de montar uma paleta é escolher um tom de base, um tom de apoio e um acento. Por exemplo, Lapis Lazuli pode fornecer uma base escura, Maximum Blue pode adicionar um tom intermediário e Aqua pode criar um destaque marcante. Para um tema mais verde, Pine Green, Emerald e Spring Bud oferecem uma estrutura semelhante, do claro ao escuro.

Dica de paleta

Use o contraste de forma intencional: combine uma base escura com um acento mais claro para que nomes, efeitos ou detalhes visuais permaneçam mais fáceis de distinguir.

Códigos vermelhos, laranjas, roxos e rosas

Cores quentes e vibrantes são úteis quando um design precisa de maior impacto visual. A paleta documentada inclui vermelhos tradicionais, como Firebrick e Red, tons de laranja, como Pumpkin e Tangerine, e opções rosa ou roxas brilhantes, como Fuchsia, Phlox e Ultra Pink.

Algumas entradas são visualmente semelhantes, mas ainda possuem valores diferentes. Orange, Orange Red, Orange Soda, Pumpkin e Tangerine devem ser tratadas como opções separadas, e não como rótulos intercambiáveis. O mesmo princípio se aplica a Dark Magenta, Magenta, Purple e Violet.

CorCódigo HexDireção visual
Chilli RedE23D28Vermelho quente intenso
Dark Magenta8B008BRoxo-avermelhado profundo
Deep CeriseDA3287Rosa escuro
Electric PurpleBF00FFRoxo-violeta brilhante
English VermillionCC474BVermelho suave
FandangoB53589Rosa-arroxeado
FirebrickB22222Vermelho escuro
FuchsiaFD3F92Rosa brilhante
FulvousE48400Laranja dourado
Heat WaveFF7A00Laranja vibrante
Indigo6A5DFFAzul-arroxeado
MagentaFF00FFMagenta brilhante puro
MangoFDBE02Amarelo-laranja dourado
OrangeFF7538Laranja quente
Orange RedFF681FVermelho-alaranjado
Orange SodaFA5B3DLaranja-avermelhado claro
OrchidDA70D6Rosa-arroxeado suave
PhloxDF00FFRoxo intenso
Plum8E4585Roxo escuro suave
PumpkinFF7518Laranja saturado
RedFF0000Vermelho puro
Rose PinkFF66CCRosa claro vibrante
StrawberryFA5053Vermelho-coral brilhante
TangerineF28500Laranja intenso
UA RedD9004CRosa-avermelhado escuro
Ultra PinkFF6FFFRosa muito brilhante
VioletCEFF00Listado como um valor verde-amarelado brilhante
Zaffre0014A8Azul profundo

A entrada chamada Violet merece atenção especial. Seu valor documentado é CEFF00, que visualmente pertence a uma faixa de verde-amarelado brilhante, e não à faixa violeta convencional. Isso pode ser um problema de transcrição, uma escolha de nomenclatura ou um rótulo específico da interface. Mantenha o nome e o valor separados até que o resultado pretendido seja confirmado.

Verifique valores incomuns

Não presuma que o nome de uma cor garanta um tom visual correspondente. Teste entradas incomuns, especialmente Violet e qualquer valor que pareça inconsistente com seu rótulo.

Opções neutras, metálicas e em tons terrosos

As cores neutras fornecem tons de apoio confiáveis quando as cores vibrantes se tornam difíceis de ler. Grey, Gainsboro, Platinum, Quick Silver, Snow e White cobrem uma faixa útil que vai do neutro escuro ao quase branco. Tons terrosos, como Coffee, Tan, Taupe e Zinnwaldite Brown, oferecem alternativas mais quentes para bordas, fundos ou acentos secundários.

A lista também contém Gold, Copper, Vanilla, Ivory e outras cores que podem conectar uma cor primária brilhante a um tom de apoio mais discreto.

CorCódigo HexFunção na paleta
Coffee6F4E37Base marrom escura
CopperCB6D51Acento metálico quente
Dessert SandEDC9AFApoio bege pálido
GainsboroDCDCDCNeutro claro
GoldD4AF39Acento amarelo metálico
Grey808080Neutro intermediário
Indian YellowE3A857Tom dourado quente
IvoryFFF000Listado como um valor amarelo brilhante
LavenderE6E6FANeutro roxo pálido
Light CyanE0FFFFCiano muito claro
Light PinkFFB6C1Apoio rosa suave
Light SalmonFFA07AAcento quente suave
PlatinumE5E4E2Neutro metálico pálido
Prune701C1CMarrom-avermelhado profundo
Quick SilverA6A6A6Cinza médio-claro
SnowFFFAFANeutro quase branco
TanD2B48CBege quente
Taupe483C32Marrom-acinzentado escuro
Taupe Grey8B8589Cinza-arroxeado suave
TennéCD5700Marrom-alaranjado escuro
Terra CottaE2725BVermelho-terra quente
TomatoFF6347Vermelho-alaranjado brilhante
VanillaF3E5ABCreme pálido
WhiteFFFFFFBranco puro
Zinnwaldite Brown2C1608Marrom muito escuro

Dois valores devem ser verificados cuidadosamente antes do uso. A referência lista Ivory como FFF000, um valor de seis caracteres que visualmente se assemelha a um amarelo intenso. Ela também lista Lazar Lemon como FFF66, que contém apenas cinco caracteres. Um campo hexadecimal padrão de seis caracteres pode rejeitar essa entrada ou interpretá-la de forma inesperada.

Precisão da referência

A lista documentada inclui algumas irregularidades entre nomes e cores, além de problemas de formatação. Preserve a entrada original para fins de pesquisa, mas valide-a antes de aplicá-la em um campo de cor ativo.

1

Escolha uma família de cores

Comece pela direção visual desejada: azul frio, tom quente vibrante, verde natural, roxo brilhante ou tom terroso neutro.

2

Selecione um tom de base

Escolha um valor escuro ou intermediário que possa sustentar o restante da paleta. Exemplos incluem Absolute Zero, Pine Green, Coffee ou Plum.

3

Adicione uma cor de apoio

Escolha um tom mais claro ou vizinho para criar separação. Blizzard Blue, Pistachio, Lavender ou Vanilla podem suavizar uma base intensa.

4

Aplique um acento de alto contraste

Finalize com um valor mais brilhante, como Aqua, Electric Lime, Fuchsia, Gold ou White, quando a interface permitir várias cores.

5

Valide o resultado

Insira o código exatamente como listado, adicione um hash inicial se necessário e confirme se o tom exibido corresponde à sua intenção.

Fluxo de trabalho e checklist de verificação dos códigos de cores

Um fluxo de trabalho consistente torna a paleta mais fácil de usar e reduz erros causados por nomes semelhantes. Copie o código sem alterar seus caracteres e confirme se o campo aceita seis caracteres com ou sem um # inicial. Se a cor resultante não corresponder ao tom esperado, compare o valor com a referência e inspecione qualquer entrada incomum.

Esses códigos não devem ser confundidos com códigos de resgate de Campos de Batalha dos Heróis. O material documentado fornece nomes de cores e valores hexadecimais, mas não confirma recompensas, datas de validade, etapas de resgate ou a existência de um sistema oficial de códigos promocionais.

Ponto de verificaçãoO que conferirAção recomendada
NomeO rótulo corresponde ao tom pretendido?Compare nomes semelhantes antes de escolher
ComprimentoO valor contém seis caracteres hexadecimais?Revise entradas como FFF66
PrefixoO campo exige #?Adicione-o somente quando a interface esperar esse formato
ContrasteO resultado é legível ao lado de outras cores?Combine bases escuras com acentos mais claros
ResultadoA cor exibida corresponde às expectativas?Verifique novamente o valor copiado se ele parecer incomum
Status da fonteO valor é documentado ou confirmado oficialmente?Trate as entradas da comunidade como referências

Verificação do código de cor:

  • Escolha uma família de cores antes de copiar um valor
  • Confirme se a entrada hexadecimal tem o comprimento esperado
  • Verifique se o campo exige um símbolo de hash inicial
  • Teste separadamente combinações incomuns de nome e valor
  • Mantenha as referências de cores separadas das alegações sobre códigos de resgate

A abordagem mais confiável é manter uma pequena paleta pessoal com três categorias: base, apoio e acento. Isso evita pesquisas repetidas e facilita a comparação entre tons relacionados. Evite alterar vários valores ao mesmo tempo durante os testes, pois uma única entrada incomum pode ser difícil de identificar posteriormente.

Dica de organização

Registre o nome da cor junto com seu valor completo. Uma anotação contendo apenas o nome pode causar erros quando vários tons pertencem à mesma família.

Perguntas frequentes sobre os códigos de cores de Campos de Batalha dos Heróis

Q: O que são os códigos de cores de Campos de Batalha dos Heróis?

São valores hexadecimais de cores listados para seleção ou personalização visual. A paleta documentada inclui tons nomeados como Aqua, Gold, Emerald, Grey e Ultra Pink.

Q: Esses códigos de cores podem ser resgatados como recompensas?

Nenhum sistema de recompensas é confirmado pela paleta documentada. Essas entradas devem ser tratadas como valores hexadecimais visuais, e não como códigos promocionais ativos para itens, moeda ou personagens.

Q: Devo adicionar um símbolo de hash antes do código?

Isso depende do campo de entrada. A referência omite o hash, portanto use o valor de seis caracteres conforme listado e adicione # somente quando a interface exigir a formatação no estilo CSS.

Q: Por que a entrada Violet parece incomum?

A referência lista Violet como CEFF00, um valor que visualmente se assemelha a um verde-amarelado brilhante, e não a violeta. Valide-o antes do uso, pois o nome ou o valor pode precisar de correção.

Conclusão principal

Use a paleta como uma referência de cores estruturada, verifique entradas irregulares e evite tratar valores hexadecimais como códigos de resgate não confirmados.