Los colores establecen una identidad de marca sólida, evocan emociones y dirigen la atención del usuario hacia secciones específicas de tu sitio web. Una paleta de colores bien pensada hace que tu sitio sea visualmente atractivo y memorable para tus visitantes. Esta guía explica cómo editar los colores de tu sitio web, elegir esquemas de color y usar opciones personalizadas para adaptar tu texto, botones y diseños.
Para administrar los colores de tu sitio web, sigue estos pasos:
En el Editor del sitio web, haz clic en Diseño en el menú superior.
Selecciona Colores en la lista desplegable.
Usa el menú lateral para explorar los esquemas de color disponibles o seleccionar opciones personalizadas.
Elige la opción Populares para seleccionar entre paletas prediseñadas o generar la tuya propia:
Selección - Haz clic en un esquema de color para aplicarlo al instante, o haz clic en el botón con el signo más para ver variaciones adicionales.
Personalización - Haz clic en cada color individual dentro de un esquema para elegir uno nuevo desde el selector de color.
Filtrado y favoritos - Usa el filtro para mostrar esquemas según colores específicos o haz clic en el ícono de corazón para marcar una paleta como favorita.
Herramientas de generación - Haz clic en el ícono de Paleta para crear un esquema usando un código de hashtag, o usa el ícono de Imagen para generar una paleta basada en la imagen de portada de tu página de inicio.
Usa la opción Personalizado para ajustar elementos específicos en todo tu sitio web:
Color principal y botones - Elige el color principal para enlaces y secciones esenciales. Usa los botones "Aplicar a todo" para sincronizar rápidamente este color en todos los elementos y en el texto de los botones.
Colores del menú - Personaliza los colores del fondo del menú, el texto, los efectos al pasar el cursor, los bordes y las líneas de separación entre páginas.
Colores de página - Configura los colores de fondo, texto y elementos para tu Página principal, Página secundaria y Páginas internas (páginas que no se muestran en la página de inicio).
Secciones y pie de página - Ajusta el color principal de secciones específicas en tus páginas y elige los colores de fondo y texto del pie de página.
Jerarquía visual - Usar un color principal coherente ayuda a que los usuarios identifiquen más fácilmente elementos interactivos como botones y enlaces.
Coherencia de marca - Generar un esquema de color a partir de la imagen de tu página de inicio es una forma rápida de asegurar que los colores del sitio coincidan con tu identidad de marca principal.
Efectos al pasar el cursor - Recuerda revisar los colores del menú al pasar el cursor para asegurar que el texto siga siendo legible cuando un visitante interactúe con tu navegación.
Verificar la visibilidad del color del texto - Después de ajustar los colores del texto en tu sitio web, es importante revisar los cambios para asegurarte de que el color de texto seleccionado destaque sobre el fondo, los cuadros de texto y los colores de los botones. Si el texto se mezcla con estos elementos, podría provocar que casillas de verificación, contenido de la página y texto de botones se vuelvan "invisibles".
A menos que se indique lo contrario, cambiar los colores de tu sitio web afecta a todas las páginas y al contenido. Esto significa que no puedes hacer cambios en segmentos individuales de las páginas o del contenido del sitio web. Ten en cuenta que puedes editar los colores de las secciones usando el ícono de engranaje; obtén más información sobre Editar las secciones del sitio web
