Aprende cómo personalizar los colores de texto, acento y fondo de tu sitio web de boda para que coincidan con la paleta de tu boda.

¿Quieres personalizar el esquema de colores de tu sitio web de boda? ¡Puedes personalizar el color de texto, color de acento y color de fondo para que coincidan con la paleta de tu boda!

Color de texto: El color principal del texto en todo tu sitio.

Color de acento: Resaltados, botones, enlaces y acentos.

Color de fondo: El fondo de la página detrás de tu contenido.

¡Estos tres colores controlan la apariencia general de tu sitio!

¡Tu sitio se actualiza con los nuevos colores!

Cuando haces clic en un campo de color:

Aparece la rueda de color: Haz clic para seleccionar cualquier color

Campo de código hexadecimal: Escribe un código hex específico (como #FF5733)

Vista previa en vivo: Ve los colores actualizarse en tiempo real (generalmente)

Ajustes fáciles: Arrastra para afinar el tono exacto

Controla el texto principal del cuerpo en todo tu sitio.

Por defecto: Generalmente negro o gris oscuro (#000000 o similar)

Fondos claros: Usa texto oscuro (negro, gris oscuro, azul marino)

Fondos oscuros: Usa texto claro (blanco, crema, gris claro)

¡La legibilidad es clave! Asegúrate de que el texto sea fácil de leer.

Se usa para botones, enlaces, resaltados y elementos interactivos.

Usos comunes:
- Fondos de botones
- Colores de enlaces
- Iconos
- Resaltados del menú
- Estados activos
- Elementos especiales

¡Elige algo que destaque! Debería sobresalir del texto y fondo.

¡Combina con los colores de tu boda! Usa tu paleta real de boda.

El color detrás de tu contenido.

Por defecto: Generalmente blanco (#FFFFFF)

Opciones populares:
- Blanco (limpio, clásico)
- Crema/marfil (suave, elegante)
- Gris claro (sutil, moderno)
- Con color (que coincida con el tema de boda)

Considera el contraste: El fondo debería hacer el texto fácil de leer.

Alto contraste: Texto oscuro sobre fondo claro (o viceversa) para legibilidad

El acento destaca: El acento debería ser notablemente diferente del texto y fondo

Prueba combinaciones: No todas las combinaciones de colores funcionan bien juntas

Piensa en tus fotos: Los colores deberían complementar tus imágenes, no competir con ellas

Los colores se definen por códigos hex como #FF5733:

Formato: # seguido de 6 caracteres

0-9 y A-F: Mezcla de números y letras

Ejemplos comunes:
- Blanco: #FFFFFF
- Negro: #000000
- Rojo: #FF0000
- Azul: #0000FF
- Verde: #00FF00
- Azul marino: #001F3F
- Rosa pastel: #FFC0CB
- Dorado: #FFD700

¡Puedes encontrar códigos hex en línea o de tus materiales de diseño de boda!

Si tienes colores de boda de tu planificador o papelería:

Pide a tu diseñador los códigos hex

Usa una herramienta de cuentagotas para seleccionar colores de imágenes

Busca en línea "[nombre del color] código hex"

Usa un generador de paletas a partir de una foto de boda

¡Haz que tu sitio web coincida con los colores reales de tu boda!

Tu tema viene con colores por defecto. Para verlos, busca el enlace Restaurar valores por defecto arriba de la sección de Colores.

Al hacer clic se restablece al esquema de colores original del tema.

Si no te gustan tus colores personalizados:

¡Siempre puedes volver a los valores por defecto!

La mayoría de los temas muestran los cambios de color en tiempo real mientras los ajustas. ¡Puedes ver cómo se ven tus colores antes de guardar!

Si la vista previa en vivo no funciona, solo guarda y actualiza tu sitio para ver los cambios.

¡La personalización de colores aplica a dispositivos móviles también! Tus colores de texto, acento y fondo se ven iguales en teléfonos y computadoras.

¡Siempre prueba en móvil para asegurarte de que los colores funcionen bien en pantallas más pequeñas!

Si quieres un tema oscuro:

Fondo: Color oscuro (como #1A1A1A)
​ Texto: Color claro (como #FFFFFF o #F0F0F0)
​ Acento: Color brillante que destaque en oscuro (como #FF6B6B)

¡Asegúrate de que haya suficiente contraste para legibilidad!

Estándares WCAG: El alto contraste ayuda a los invitados con problemas de visión

Prueba la legibilidad: ¿Puedes leer fácilmente el texto sobre tu fondo?

No dependas solo del color: Usa etiquetas de texto, no solo colores para comunicar

Verifica las proporciones de contraste: Herramientas en línea pueden probar si tu contraste es suficiente

¡Asegúrate de que todos los invitados puedan disfrutar tu sitio!

Primavera: Pasteles, rosas claros, verdes suaves

Verano: Colores brillantes, azules, amarillos

Otoño: Tonos cálidos, naranjas, marrones, burdeos

Invierno: Tonos fríos, azules profundos, plateados, blancos

¡Combina con la temporada de tu boda si quieres!

Formal: Neutros elegantes, negro, azul marino, dorado, plateado

Casual: Colores más brillantes, paletas juguetonas

Rústico: Tonos tierra, marrones, verdes, crema

Moderno: Contrastes audaces, negros y blancos limpios

¡Tus elecciones de color establecen el tono!

Después de personalizar:

¡Asegúrate de que todo sea legible y atractivo!

Tema: Controla la estructura general del diseño

Colores: Personaliza la paleta de colores dentro de esa estructura

¡Cambiar de tema podría restablecer tus colores personalizados, así que ajusta los colores DESPUÉS de elegir tu tema final!

La pestaña Diseño también tiene modo de diseño simplificado y opciones de CSS personalizado para control de color más avanzado, ¡pero los campos de Texto, Acento y Fondo cubren la mayoría de las necesidades!

Anota tus códigos hex en algún lugar seguro:

Texto: #000000
​ Acento: #FF6B6B
​ Fondo: #FFFFFF

¡Así puedes recrearlos si es necesario!

Colores de boda 2024-2026:
- Verde salvia
- Terracota
- Azul polvoriento
- Rosa pastel
- Malva
- Naranja quemado

¡Pero elige lo que TÚ ames, no solo lo que está de moda!

¡Personalizar los colores de tu sitio web hace que tu sitio se sienta personal y perfectamente combinado con el tema de tu boda!