Los colores establecen una identidad de marca sólida, evocan emociones y dirigen la atención del usuario a secciones específicas de tu sitio web. Una paleta de colores bien pensada hace que tu sitio sea atractivo visualmente y fácil de recordar 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 el texto, los botones y los 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 predefinidas o generar la tuya:
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 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 utiliza 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 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 - Establece los colores de fondo, texto y 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 la 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 seleccionado destaque sobre el fondo, los cuadros de texto y los colores de los botones. Si el texto se mezcla con estos elementos, podrían surgir problemas en los que las casillas de verificación, el contenido de la página y el texto de los botones se vuelvan «invisibles».
