Códigos de color de Campos de Batalla de Héroes: Guía de configuración de paleta hexadecimal - Cosméticos

Códigos de color de Campos de Batalla de Héroes: Guía de configuración de paleta hexadecimal

Explora la paleta de colores documentada de Campos de Batalla de Héroes, comprende los valores hexadecimales y organiza los colores para la personalización.

2026-08-30
Equipo de Wiki de Campos de Batalla de Héroes
Guía rápida
  • Los códigos de color de Campos de Batalla de Héroes son valores hexadecimales indicados para seleccionar y personalizar colores.
  • El formato hexadecimal utiliza seis caracteres, normalmente combinando los valores de intensidad del rojo, verde y azul.
  • La cobertura de la paleta incluye azules, rojos, verdes, morados, neutros, tonos metálicos y acentos brillantes.
  • Verifica las entradas inusuales, como los valores de cinco caracteres, antes de usarlas en un campo de color.
  • Usa la lista de referencia como guía de consulta en lugar de tratar estos valores como códigos canjeables del juego.

Explicación de los códigos de color de Campos de Batalla de Héroes

La referencia de códigos de color de Campos de Batalla de Héroes es una paleta de valores de color hexadecimales publicada por la comunidad. Estas entradas describen colores visuales como Absolute Zero, Aqua, Chilli Red, Emerald, Gold y Zaffre. Es mejor entenderlos como códigos de color hexadecimales, no como códigos promocionales de canje que otorguen moneda, personajes, cosméticos u otras recompensas.

Un valor de color hexadecimal normalmente utiliza seis caracteres después del símbolo #. Las seis posiciones representan la intensidad del rojo, verde y azul en pares. Por ejemplo, FF0000 representa un valor rojo intenso, mientras que 0000FF representa un valor azul intenso. La lista documentada presenta los valores sin el símbolo inicial, por lo que quizá debas introducir # manualmente si el campo de color correspondiente lo requiere.

La paleta de origen se publicó el 28 de agosto de 2026 en la referencia de códigos de color de Heroes Battlegrounds Wiki. Como la página es una referencia comunitaria y no un anuncio oficial del sistema, considera los valores como una lista de consulta y confirma cómo los acepta tu interfaz actual.

Familia de coloresEjemplosMejor uso
AzulesAbsolute Zero, Aqua, Denim, IcebergTemas fríos y efectos helados
Rojos y naranjasChilli Red, Firebrick, Pumpkin, TomatoAcentos agresivos y temas cálidos
VerdesEmerald, Kelly Green, Slimy Green, TealPaletas inspiradas en la naturaleza o equilibradas
Morados y rosasDark Magenta, Fuchsia, Orchid, Ultra PinkEfectos llamativos y acentos de alto contraste
NeutrosGainsboro, Grey, Platinum, SnowFondos, bordes y diseños discretos
Marrones y tonos tierraCoffee, Tan, Taupe, Terra CottaCombinaciones cálidas y naturales
Consejo de formato

Si una entrada de color espera un valor con estilo CSS, prueba a añadir un # inicial, como #0048BA. La propia lista de referencia omite ese carácter.

Valores hexadecimales

Los valores hexadecimales son códigos compactos de seis caracteres que representan la intensidad de los colores RGB. Resultan útiles para copiar tonos precisos en lugar de estimarlos visualmente.

Nombres de colores

Nombres como Aqua, Gold y Lavender facilitan la consulta y el recuerdo de la paleta al planificar un tema visual.

Referencia de personalización

La lista funciona como una hoja de referencia. No confirma que todos los valores sean aceptados por todas las interfaces actuales de Campos de Batalla de Héroes.

Tonos azules, cianes y verdes documentados

Los tonos azules y verdes constituyen una gran parte de la paleta documentada. Van desde tonos oscuros y saturados como Lapis Lazuli y Pine Green hasta opciones más brillantes como Electric Lime, Green Lizard y Spring Bud. Estos colores pueden ayudar a organizar un tema mediante el contraste: los tonos oscuros funcionan bien como bases, mientras que los tonos brillantes pueden servir como destacados.

Los valores siguientes reproducen los nombres y códigos documentados. La ortografía y las mayúsculas se han normalizado para facilitar la lectura, pero los valores hexadecimales se mantienen tal como aparecen en la referencia.

ColorCódigo hexadecimalDirección visual
Absolute Zero0048BAAzul profundo
Aqua00FFFFCian brillante
Blizzard BlueACE5EEAzul pálido
Denim1560DBAzul medio intenso
Emerald50C878Verde intenso
Green00AD43Verde vivo
Green LizardA7F432Verde amarillento brillante
Iceberg71A6D2Azul suave
InchwormB2EC5DVerde amarillento claro
Kelly Green4CBB17Verde saturado
Lapis Lazuli26619CAzul oscuro
Maximum Blue47ABCCAzul cian medio
Pacific Blue1CA9C9Azul verdoso
PearD1E231Verde amarillento
Persian Blue1C39BBAzul profundo
Pine Green01796FVerde azulado oscuro
Pistachio93C572Verde claro apagado
Slimy Green299617Verde oscuro y vivo
Spring BudA7FC00Lima brillante
Teal008080Azul verdoso equilibrado
Technobotanica00FFBATurquesa brillante
Yellow Green9ACD32Verde amarillento apagado
Zomp39A78EVerde azulado medio

Una forma práctica de crear una paleta es elegir un tono base, un tono de apoyo y un acento. Por ejemplo, Lapis Lazuli puede proporcionar una base oscura, Maximum Blue puede añadir un tono intermedio y Aqua puede crear un destacado intenso. Para un tema más verde, Pine Green, Emerald y Spring Bud ofrecen una estructura similar de claro a oscuro.

Consejo de paleta

Usa el contraste de forma deliberada: combina una base oscura con un acento más claro para que los nombres, efectos o detalles visuales sean más fáciles de distinguir.

Códigos rojos, naranjas, morados y rosas

Los colores cálidos y vivos son útiles cuando un diseño necesita un mayor impacto visual. La paleta documentada incluye rojos tradicionales como Firebrick y Red, tonos naranjas como Pumpkin y Tangerine, y opciones rosas o moradas brillantes como Fuchsia, Phlox y Ultra Pink.

Algunas entradas son parecidas visualmente, pero siguen teniendo valores diferentes. Orange, Orange Red, Orange Soda, Pumpkin y Tangerine deben tratarse como opciones independientes en lugar de etiquetas intercambiables. El mismo principio se aplica a Dark Magenta, Magenta, Purple y Violet.

ColorCódigo hexadecimalDirección visual
Chilli RedE23D28Rojo cálido intenso
Dark Magenta8B008BMorado rojizo profundo
Deep CeriseDA3287Rosa oscuro
Electric PurpleBF00FFMorado violeta brillante
English VermillionCC474BRojo apagado
FandangoB53589Rosa morado
FirebrickB22222Rojo oscuro
FuchsiaFD3F92Rosa brillante
FulvousE48400Naranja dorado
Heat WaveFF7A00Naranja vivo
Indigo6A5DFFMorado azulado
MagentaFF00FFMagenta brillante puro
MangoFDBE02Amarillo anaranjado dorado
OrangeFF7538Naranja cálido
Orange RedFF681FRojo anaranjado
Orange SodaFA5B3DRojo anaranjado claro
OrchidDA70D6Rosa morado suave
PhloxDF00FFMorado intenso
Plum8E4585Morado oscuro apagado
PumpkinFF7518Naranja saturado
RedFF0000Rojo puro
Rose PinkFF66CCRosa vivo claro
StrawberryFA5053Rojo coral brillante
TangerineF28500Naranja intenso
UA RedD9004CRosa rojizo oscuro
Ultra PinkFF6FFFRosa muy brillante
VioletCEFF00Catalogado como un valor verde amarillento brillante
Zaffre0014A8Azul profundo

La entrada llamada Violet merece especial atención. Su valor documentado es CEFF00, que visualmente pertenece a una gama de verde amarillento brillante en lugar de a la gama violeta convencional. Puede tratarse de un error de transcripción, una elección de nombre o una etiqueta específica de la interfaz. Mantén separados el nombre y el valor hasta confirmar el resultado previsto.

Comprueba los valores inusuales

No asumas que el nombre de un color garantiza un tono visual correspondiente. Prueba las entradas inusuales, especialmente Violet y cualquier valor que parezca inconsistente con su etiqueta.

Opciones neutras, metálicas y de tonos tierra

Los colores neutros proporcionan tonos de apoyo fiables cuando los colores vivos resultan difíciles de leer. Grey, Gainsboro, Platinum, Quick Silver, Snow y White cubren un rango útil que va desde el neutro oscuro hasta el casi blanco. Los tonos tierra como Coffee, Tan, Taupe y Zinnwaldite Brown ofrecen alternativas más cálidas para bordes, fondos o acentos secundarios.

La lista también contiene Gold, Copper, Vanilla, Ivory y otros colores que pueden conectar un color primario brillante con un tono de apoyo apagado.

ColorCódigo hexadecimalFunción en la paleta
Coffee6F4E37Base marrón oscura
CopperCB6D51Acento metálico cálido
Dessert SandEDC9AFApoyo beige pálido
GainsboroDCDCDCNeutro claro
GoldD4AF39Acento amarillo metálico
Grey808080Neutro de tono medio
Indian YellowE3A857Tono dorado cálido
IvoryFFF000Catalogado como un valor amarillo brillante
LavenderE6E6FANeutro morado pálido
Light CyanE0FFFFCian muy claro
Light PinkFFB6C1Rosa suave de apoyo
Light SalmonFFA07AAcento cálido suave
PlatinumE5E4E2Neutro metálico pálido
Prune701C1CRojo marrón profundo
Quick SilverA6A6A6Gris medio claro
SnowFFFAFANeutro casi blanco
TanD2B48CBeige cálido
Taupe483C32Gris marrón oscuro
Taupe Grey8B8589Morado grisáceo apagado
TennéCD5700Marrón anaranjado oscuro
Terra CottaE2725BRojo arcilla cálido
TomatoFF6347Rojo anaranjado brillante
VanillaF3E5ABCrema pálido
WhiteFFFFFFBlanco puro
Zinnwaldite Brown2C1608Marrón muy oscuro

Hay que comprobar cuidadosamente dos valores antes de usarlos. La referencia incluye Ivory como FFF000, un valor de seis caracteres que visualmente se parece a un amarillo intenso. También incluye Lazar Lemon como FFF66, que solo contiene cinco caracteres. Un campo hexadecimal estándar de seis caracteres puede rechazar esa entrada o interpretarla de forma inesperada.

Precisión de la referencia

La lista documentada contiene algunas irregularidades entre nombres y colores, además de problemas de formato. Conserva la entrada original para fines de investigación, pero valídala antes de aplicarla en un campo de color activo.

1

Elige una familia de colores

Empieza por la dirección visual que deseas: azul frío, tono cálido vivo, verde natural, morado brillante o tono tierra neutro.

2

Selecciona un tono base

Elige un valor oscuro o de tono medio que pueda servir de soporte para el resto de la paleta. Algunos ejemplos son Absolute Zero, Pine Green, Coffee o Plum.

3

Añade un color de apoyo

Escoge un tono más claro o cercano para crear separación. Blizzard Blue, Pistachio, Lavender o Vanilla pueden suavizar una base intensa.

4

Aplica un acento de alto contraste

Termina con un valor más brillante, como Aqua, Electric Lime, Fuchsia, Gold o White, cuando la interfaz permita varios colores.

5

Valida el resultado

Introduce el código exactamente como aparece en la lista, añade un símbolo inicial si es necesario y confirma que el tono mostrado coincide con tu intención.

Flujo de trabajo y lista de verificación de códigos de color

Un flujo de trabajo coherente facilita el uso de la paleta y reduce los errores causados por nombres similares. Copia el código sin modificar sus caracteres y confirma si el campo acepta seis caracteres con o sin un # inicial. Si el color resultante no coincide con el tono esperado, compara el valor con la referencia y revisa cualquier entrada inusual.

Estos códigos no deben confundirse con los códigos de canje de Campos de Batalla de Héroes. El material documentado proporciona nombres de colores y valores hexadecimales, pero no confirma recompensas, fechas de vencimiento, pasos de canje ni un sistema oficial de códigos promocionales.

Punto de verificaciónQué comprobarAcción recomendada
Nombre¿La etiqueta coincide con el tono previsto?Compara los nombres similares antes de elegir
Longitud¿El valor contiene seis caracteres hexadecimales?Revisa entradas como FFF66
Prefijo¿El campo requiere #?Añádelo solo cuando la interfaz lo espere
Contraste¿El resultado se puede leer junto a otros colores?Combina bases oscuras con acentos claros
Resultado¿El color mostrado coincide con lo esperado?Comprueba de nuevo el valor copiado si parece inusual
Estado de la fuente¿El valor está documentado o confirmado oficialmente?Trata las entradas comunitarias como referencias

Verificación de códigos de color:

  • Elige una familia de colores antes de copiar un valor
  • Confirma que la entrada hexadecimal tenga la longitud esperada
  • Comprueba si la entrada requiere un símbolo de almohadilla inicial
  • Prueba por separado las combinaciones inusuales de nombres y valores
  • Mantén las referencias de color separadas de las afirmaciones sobre códigos de canje

El método más fiable es mantener una pequeña paleta personal con tres categorías: base, apoyo y acento. Esto evita tener que buscar repetidamente y facilita la comparación entre tonos relacionados. Evita cambiar varios valores a la vez durante las pruebas, ya que de lo contrario puede ser difícil identificar una sola entrada inusual.

Consejo de organización

Registra juntos el nombre del color y su valor completo. Una nota que solo incluya el nombre puede provocar errores cuando varios tonos pertenecen a la misma familia.

Preguntas frecuentes sobre los códigos de color de Campos de Batalla de Héroes

Q: ¿Qué son los códigos de color de Campos de Batalla de Héroes?

Son valores de color hexadecimales indicados para seleccionar colores visuales o personalizarlos. La paleta documentada incluye tonos con nombres como Aqua, Gold, Emerald, Grey y Ultra Pink.

Q: ¿Estos códigos de color se pueden canjear por recompensas?

La paleta documentada no confirma ningún sistema de recompensas. Estas entradas deben tratarse como valores hexadecimales visuales, no como códigos promocionales activos para obtener objetos, moneda o personajes.

Q: ¿Debo añadir un símbolo de almohadilla antes del código?

Depende del campo de entrada. La referencia omite el símbolo, así que usa el valor de seis caracteres tal como aparece y añade # solo cuando la interfaz requiera un formato de estilo CSS.

Q: ¿Por qué la entrada Violet parece inusual?

La referencia indica Violet como CEFF00, un valor que visualmente se parece a un verde amarillento brillante en lugar de a un violeta. Valídalo antes de usarlo, ya que el nombre o el valor podrían necesitar una corrección.

Conclusión clave

Usa la paleta como una referencia de color estructurada, verifica las entradas irregulares y evita tratar los valores hexadecimales como códigos de canje no confirmados.