- 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 colores | Ejemplos | Mejor uso |
|---|---|---|
| Azules | Absolute Zero, Aqua, Denim, Iceberg | Temas fríos y efectos helados |
| Rojos y naranjas | Chilli Red, Firebrick, Pumpkin, Tomato | Acentos agresivos y temas cálidos |
| Verdes | Emerald, Kelly Green, Slimy Green, Teal | Paletas inspiradas en la naturaleza o equilibradas |
| Morados y rosas | Dark Magenta, Fuchsia, Orchid, Ultra Pink | Efectos llamativos y acentos de alto contraste |
| Neutros | Gainsboro, Grey, Platinum, Snow | Fondos, bordes y diseños discretos |
| Marrones y tonos tierra | Coffee, Tan, Taupe, Terra Cotta | Combinaciones cálidas y naturales |
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.
| Color | Código hexadecimal | Dirección visual |
|---|---|---|
| Absolute Zero | 0048BA | Azul profundo |
| Aqua | 00FFFF | Cian brillante |
| Blizzard Blue | ACE5EE | Azul pálido |
| Denim | 1560DB | Azul medio intenso |
| Emerald | 50C878 | Verde intenso |
| Green | 00AD43 | Verde vivo |
| Green Lizard | A7F432 | Verde amarillento brillante |
| Iceberg | 71A6D2 | Azul suave |
| Inchworm | B2EC5D | Verde amarillento claro |
| Kelly Green | 4CBB17 | Verde saturado |
| Lapis Lazuli | 26619C | Azul oscuro |
| Maximum Blue | 47ABCC | Azul cian medio |
| Pacific Blue | 1CA9C9 | Azul verdoso |
| Pear | D1E231 | Verde amarillento |
| Persian Blue | 1C39BB | Azul profundo |
| Pine Green | 01796F | Verde azulado oscuro |
| Pistachio | 93C572 | Verde claro apagado |
| Slimy Green | 299617 | Verde oscuro y vivo |
| Spring Bud | A7FC00 | Lima brillante |
| Teal | 008080 | Azul verdoso equilibrado |
| Technobotanica | 00FFBA | Turquesa brillante |
| Yellow Green | 9ACD32 | Verde amarillento apagado |
| Zomp | 39A78E | Verde 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.
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.
| Color | Código hexadecimal | Dirección visual |
|---|---|---|
| Chilli Red | E23D28 | Rojo cálido intenso |
| Dark Magenta | 8B008B | Morado rojizo profundo |
| Deep Cerise | DA3287 | Rosa oscuro |
| Electric Purple | BF00FF | Morado violeta brillante |
| English Vermillion | CC474B | Rojo apagado |
| Fandango | B53589 | Rosa morado |
| Firebrick | B22222 | Rojo oscuro |
| Fuchsia | FD3F92 | Rosa brillante |
| Fulvous | E48400 | Naranja dorado |
| Heat Wave | FF7A00 | Naranja vivo |
| Indigo | 6A5DFF | Morado azulado |
| Magenta | FF00FF | Magenta brillante puro |
| Mango | FDBE02 | Amarillo anaranjado dorado |
| Orange | FF7538 | Naranja cálido |
| Orange Red | FF681F | Rojo anaranjado |
| Orange Soda | FA5B3D | Rojo anaranjado claro |
| Orchid | DA70D6 | Rosa morado suave |
| Phlox | DF00FF | Morado intenso |
| Plum | 8E4585 | Morado oscuro apagado |
| Pumpkin | FF7518 | Naranja saturado |
| Red | FF0000 | Rojo puro |
| Rose Pink | FF66CC | Rosa vivo claro |
| Strawberry | FA5053 | Rojo coral brillante |
| Tangerine | F28500 | Naranja intenso |
| UA Red | D9004C | Rosa rojizo oscuro |
| Ultra Pink | FF6FFF | Rosa muy brillante |
| Violet | CEFF00 | Catalogado como un valor verde amarillento brillante |
| Zaffre | 0014A8 | Azul 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.
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.
| Color | Código hexadecimal | Función en la paleta |
|---|---|---|
| Coffee | 6F4E37 | Base marrón oscura |
| Copper | CB6D51 | Acento metálico cálido |
| Dessert Sand | EDC9AF | Apoyo beige pálido |
| Gainsboro | DCDCDC | Neutro claro |
| Gold | D4AF39 | Acento amarillo metálico |
| Grey | 808080 | Neutro de tono medio |
| Indian Yellow | E3A857 | Tono dorado cálido |
| Ivory | FFF000 | Catalogado como un valor amarillo brillante |
| Lavender | E6E6FA | Neutro morado pálido |
| Light Cyan | E0FFFF | Cian muy claro |
| Light Pink | FFB6C1 | Rosa suave de apoyo |
| Light Salmon | FFA07A | Acento cálido suave |
| Platinum | E5E4E2 | Neutro metálico pálido |
| Prune | 701C1C | Rojo marrón profundo |
| Quick Silver | A6A6A6 | Gris medio claro |
| Snow | FFFAFA | Neutro casi blanco |
| Tan | D2B48C | Beige cálido |
| Taupe | 483C32 | Gris marrón oscuro |
| Taupe Grey | 8B8589 | Morado grisáceo apagado |
| Tenné | CD5700 | Marrón anaranjado oscuro |
| Terra Cotta | E2725B | Rojo arcilla cálido |
| Tomato | FF6347 | Rojo anaranjado brillante |
| Vanilla | F3E5AB | Crema pálido |
| White | FFFFFF | Blanco puro |
| Zinnwaldite Brown | 2C1608 | Marró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.
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.
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.
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.
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.
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.
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ón | Qué comprobar | Acció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.
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.
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.