Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Cambiar colores en la plantilla de correo electrónico

Article: 000005855
Updated: 27 de abril de 2026

Utilice la pestaña Design (Diseño) para personalizar los colores de fondo, borde, divisor, texto, enlace y botón para toda la plantilla, o cambie los colores dentro de una sección o un bloque para que se destaquen

 

El color es un aspecto importante del diseño de su correo electrónico, ya que el color adecuado hace que su marca se destaque y ayuda a transmitir el tono y el estado de ánimo de su contenido. Puedes aplicar colores a toda la plantilla, o cambiar los colores de fondo de un bloque o diseño individual, así como el texto y los botones dentro de un bloque específico para que destaquen aún más. Si crea diferentes secciones en su correo electrónico, también puede cambiar el color de fondo y el de los bordes dentro de una sección para resaltarla.

 

Ícono de relojAhorre tiempo: añada su logotipo y los colores de su marca al BrandKit de su cuenta y podrá acceder a ellos fácilmente mientras edita sus campañas.

 


Cambiar los colores del fondo de la plantilla, de los bordes y de los divisores

Usar la pestaña Design (Diseño) para elegir los colores de los fondos, bordes y divisores le permite aplicarlos a toda la plantilla. También puede cambiar manualmente el color de un elemento individual a través de los controles de un bloque o diseño particularo a través de las opciones de personalización de una sección.

  1. Haga clic en la pestaña Design (Diseño).
  2. Amplíe la sección Backgrounds & Borders (Fondos y bordes).
  3. Haga clic en la muestra de colores del elemento que desea cambiar. 
  4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
    Consejo de diseño: si desea usar sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.

    Editor de correos electrónicos con la pestaña Design (Diseño) seleccionada, la sección de Backgrounds & Borders (Fondos y bordes) ampliada con las paletas de colores visibles y la paleta de colores del Divider (Divisor) ampliada

 

Opciones de color adicionales para el fondo y los bordes

Aunque hayas cambiado los colores de la plantilla en la pestaña Diseño, aún puedes cambiar el color de fondo de un bloque o diseño individualo el color de un divisor para que destaque del resto. Ten en cuenta que una vez que apliques un color de fondo a través de un bloque o panel de diseño, los colores de la plantilla en la pestañaDiseño ya no se aplicarán a él.

Nota: Estamos en proceso de realizar cambios en nuestros controles de diseño. Dependiendo de tu cuenta, podrás acceder al color de fondo de un diseño haciendo clic en los tres puntos y, a continuación, en el icono del bote de pintura de los controles de la derecha, o en el panel izquierdo tras hacer clic en el icono del lápiz.

Bloque de imagen seleccionado con muestra de color de fondo en el panel izquierdo, y controles de fila con icono de bote de pinturaBloque de imagen seleccionado con la muestra de color de fondo en el panel izquierdo, y controles de diseño con el icono de lápiz.

 

 

Ícono de bombilla de luz¿Sabía que…? Además de cambiar el color de fondo exterior, también puede agregar una imagen de fondo al fondo exterior.

 

Cambiar los colores del texto y enlaces de la plantilla

Usar la pestaña Design (Diseño) para elegir los colores de su texto y los enlaces le permite aplicarlos a toda la plantilla.

  1. Haga clic en la pestaña Design (Diseño).
  2. Haga clic para expandir la sección Fonts (Fuentes).
  3. Haga clic en la muestra de colores del elemento que desea cambiar. 
  4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
    Consejo de diseño: si desea usar sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.

    Editor de correos electrónicos con pestaña Design (Diseño) seleccionada, menú Fonts (Fuentes) expandido y la paleta de color de texto del encabezado ampliada

 

Opciones de color adicionales para el texto de nivel de bloque

Aunque que haya cambiado los colores de toda la paleta en la pestaña Design (Diseño), puede cambiar el color de texto específico o de enlaces para que sobresalgan del resto. Tenga en cuenta que una vez que aplique un color o estilo de texto a través de la barra de herramientas de un bloque de texto (que se muestra a continuación), los colores de la pestaña Diseño ya no se aplicarán a él. El menú del bloque de texto le ofrece opciones de edición adicionales para cosas como alinear el texto y crear listas numeradas o con viñetas.

Editor de correos electrónicos con la pestaña Design (Diseño) seleccionada, el bloque Text (Texto) seleccionado con la barra de herramientas de Texto y la barra de herramientas texto de encabezado a color y la paleta de colores de texto ampliada

 

Cambiar colores de botones de la plantilla

Usar la pestaña Design (Diseño) para elegir los colores de su texto y los enlaces le permite aplicarlos a todos los botones de su plantilla.

  1. Haga clic en la pestaña Design (Diseño).
  2. Haz clic para expandir la sección Botones.
  3. Haga clic en la paleta de colores para el botón. 
  4. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
    Consejo de diseño: si desea usar sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.

    Pestaña Email Design (Diseñar correo electrónico), menú Buttons (Botones) expandido, paleta de colores de botones expandida

 

Opciones adicionales para el color del botón de nivel de bloque

Aunque hayas cambiado los colores de los botones de toda la plantilla en la pestañaDiseño, aún puedes cambiar el color de un botón individual para que destaque. Ten en cuenta que una vez que apliques un color a través del panel de edición de la izquierda del botón, los colores de la pestaña Diseño ya no se aplicarán a él. Los botones también tienen opciones de edición adicionales que puede aplicar a cosas como bordes y rellenos. 

Editor de correos electrónicos con el bloque Button (Botón) seleccionado, la barra de herramientas de Botón expandida con la paleta de colores del texto de botón y el menú Customize button (Personalizar botón) expandido con las opciones Button color (Color del botón) y Apply border color (Aplicar color de borde)

 

Cambiar los colores de fondo y de los bordes de una sección

Cada sección de tu correo electrónico puede tener un color de fondo y de borde diferente. Ten en cuenta que una vez que apliques un color a través de la sección, los colores de la pestaña Diseño ya no se aplicarán a él.

  1. Coloque el cursor sobre la sección que desea editar y haga clic en el icono del lápiz.
  2. Desde la sección Ancho y fondos, haga clic en el icono del bote de pintura para cambiar el color del Fondo exterior o del Fondo interior.
  3. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.
    Consejo de diseño: si desea usar sus colores de marca, pero no está seguro del valor hexadecimal, use un selector de color como Color Cop o Color Schemer Online para encontrarlos.

    Editor de correos electrónicos con el menú de la sección Customize (Personalizar) y la sección Width and backgrounds (Ancho y fondos) ampliada, la opción Outer background (Fondo exterior) con el botón de Color, y la opción del Inner background (Fondo interior) con el botón de Color y la paleta de colores ampliada
     
  4. Haga clic para expandir la sección Bordes.
  5. Haga clic en la paleta de Color para el botón. 
  6. Coloque el cursor sobre un color de la paleta para previsualizarlo dentro de su plantilla. Haga clic en un color para seleccionarlo o haga clic en Advanced (Avanzado) para introducir un valor hexadecimal determinado.

    Editor de correos electrónicos con el menú de la sección Customize (Personaliza) y la sección Borders (Bordes) ampliada, la paleta de colores con la selección de colores expandida
     

 

Todo enlace que proporcionemos a sitios que no sean de Constant Contact, así como cualquier información sobre productos o servicios que no sean de Constant Contact, se facilita como cortesía y no debe interpretarse como un aval por parte de Constant Contact.

 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy