- 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 cores | Exemplos | Melhor uso |
|---|---|---|
| Azuis | Absolute Zero, Aqua, Denim, Iceberg | Temas frios e efeitos glaciais |
| Vermelhos e laranjas | Chilli Red, Firebrick, Pumpkin, Tomato | Acentos agressivos e temas quentes |
| Verdes | Emerald, Kelly Green, Slimy Green, Teal | Paletas inspiradas na natureza ou equilibradas |
| Roxos e rosas | Dark Magenta, Fuchsia, Orchid, Ultra Pink | Efeitos chamativos e acentos de alto contraste |
| Neutros | Gainsboro, Grey, Platinum, Snow | Fundos, acabamentos e designs discretos |
| Marrons e tons terrosos | Coffee, Tan, Taupe, Terra Cotta | Combinações quentes e naturais |
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.
| Cor | Código Hex | Direção visual |
|---|---|---|
| Absolute Zero | 0048BA | Azul profundo |
| Aqua | 00FFFF | Ciano brilhante |
| Blizzard Blue | ACE5EE | Azul pálido |
| Denim | 1560DB | Azul médio intenso |
| Emerald | 50C878 | Verde rico |
| Green | 00AD43 | Verde vibrante |
| Green Lizard | A7F432 | Verde-amarelado brilhante |
| Iceberg | 71A6D2 | Azul suave |
| Inchworm | B2EC5D | Verde-amarelado claro |
| Kelly Green | 4CBB17 | Verde saturado |
| Lapis Lazuli | 26619C | Azul escuro |
| Maximum Blue | 47ABCC | Azul-ciano médio |
| Pacific Blue | 1CA9C9 | Azul-esverdeado |
| Pear | D1E231 | Verde-amarelado |
| Persian Blue | 1C39BB | Azul profundo |
| Pine Green | 01796F | Verde azulado escuro |
| Pistachio | 93C572 | Verde-claro suave |
| Slimy Green | 299617 | Verde vivo escuro |
| Spring Bud | A7FC00 | Lima brilhante |
| Teal | 008080 | Azul-esverdeado equilibrado |
| Technobotanica | 00FFBA | Turquesa brilhante |
| Yellow Green | 9ACD32 | Verde-amarelado suave |
| Zomp | 39A78E | Verde-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.
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.
| Cor | Código Hex | Direção visual |
|---|---|---|
| Chilli Red | E23D28 | Vermelho quente intenso |
| Dark Magenta | 8B008B | Roxo-avermelhado profundo |
| Deep Cerise | DA3287 | Rosa escuro |
| Electric Purple | BF00FF | Roxo-violeta brilhante |
| English Vermillion | CC474B | Vermelho suave |
| Fandango | B53589 | Rosa-arroxeado |
| Firebrick | B22222 | Vermelho escuro |
| Fuchsia | FD3F92 | Rosa brilhante |
| Fulvous | E48400 | Laranja dourado |
| Heat Wave | FF7A00 | Laranja vibrante |
| Indigo | 6A5DFF | Azul-arroxeado |
| Magenta | FF00FF | Magenta brilhante puro |
| Mango | FDBE02 | Amarelo-laranja dourado |
| Orange | FF7538 | Laranja quente |
| Orange Red | FF681F | Vermelho-alaranjado |
| Orange Soda | FA5B3D | Laranja-avermelhado claro |
| Orchid | DA70D6 | Rosa-arroxeado suave |
| Phlox | DF00FF | Roxo intenso |
| Plum | 8E4585 | Roxo escuro suave |
| Pumpkin | FF7518 | Laranja saturado |
| Red | FF0000 | Vermelho puro |
| Rose Pink | FF66CC | Rosa claro vibrante |
| Strawberry | FA5053 | Vermelho-coral brilhante |
| Tangerine | F28500 | Laranja intenso |
| UA Red | D9004C | Rosa-avermelhado escuro |
| Ultra Pink | FF6FFF | Rosa muito brilhante |
| Violet | CEFF00 | Listado como um valor verde-amarelado brilhante |
| Zaffre | 0014A8 | Azul 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.
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.
| Cor | Código Hex | Função na paleta |
|---|---|---|
| Coffee | 6F4E37 | Base marrom escura |
| Copper | CB6D51 | Acento metálico quente |
| Dessert Sand | EDC9AF | Apoio bege pálido |
| Gainsboro | DCDCDC | Neutro claro |
| Gold | D4AF39 | Acento amarelo metálico |
| Grey | 808080 | Neutro intermediário |
| Indian Yellow | E3A857 | Tom dourado quente |
| Ivory | FFF000 | Listado como um valor amarelo brilhante |
| Lavender | E6E6FA | Neutro roxo pálido |
| Light Cyan | E0FFFF | Ciano muito claro |
| Light Pink | FFB6C1 | Apoio rosa suave |
| Light Salmon | FFA07A | Acento quente suave |
| Platinum | E5E4E2 | Neutro metálico pálido |
| Prune | 701C1C | Marrom-avermelhado profundo |
| Quick Silver | A6A6A6 | Cinza médio-claro |
| Snow | FFFAFA | Neutro quase branco |
| Tan | D2B48C | Bege quente |
| Taupe | 483C32 | Marrom-acinzentado escuro |
| Taupe Grey | 8B8589 | Cinza-arroxeado suave |
| Tenné | CD5700 | Marrom-alaranjado escuro |
| Terra Cotta | E2725B | Vermelho-terra quente |
| Tomato | FF6347 | Vermelho-alaranjado brilhante |
| Vanilla | F3E5AB | Creme pálido |
| White | FFFFFF | Branco puro |
| Zinnwaldite Brown | 2C1608 | Marrom 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.
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.
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.
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.
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.
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.
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ção | O que conferir | Ação recomendada |
|---|---|---|
| Nome | O rótulo corresponde ao tom pretendido? | Compare nomes semelhantes antes de escolher |
| Comprimento | O valor contém seis caracteres hexadecimais? | Revise entradas como FFF66 |
| Prefixo | O campo exige #? | Adicione-o somente quando a interface esperar esse formato |
| Contraste | O resultado é legível ao lado de outras cores? | Combine bases escuras com acentos mais claros |
| Resultado | A cor exibida corresponde às expectativas? | Verifique novamente o valor copiado se ele parecer incomum |
| Status da fonte | O 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.
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.
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.