Los colores establecen una identidad de marca sólida, evocan emociones y dirigen la atención de los usuarios 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 gestionar 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 Popular para seleccionar paletas prediseñadas o generar la tuya:
Selección - Haz clic en un esquema de color para aplicarlo al instante, o haz clic en el botón de más para ver variaciones adicionales.
Personalización - Haz clic en cada color individual dentro de un esquema para seleccionar 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 icono de corazón para marcar una paleta como favorita.
Herramientas de generación - Haz clic en el icono de Paleta para crear un esquema usando un código de hashtag, o usa el icono 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 los enlaces y las 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 la página - Configura el fondo, el texto y los colores de los elementos para tu Página principal, Segunda página y Páginas internas (páginas que no se muestran en la página de inicio).
Sección y pie de página - Ajusta el color principal para secciones específicas de tus páginas y elige los colores de fondo y texto para el pie de página.
Jerarquía visual - Usar un color principal coherente ayuda a los usuarios a identificar 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 asegurarte de que los colores de tu sitio coincidan con tu identidad de marca principal.
Efectos al pasar el cursor - Recuerda revisar los colores del menú al pasar el cursor para asegurarte de que el texto siga siendo legible cuando un visitante interactúe con tu navegación.
