Elegir el color adecuado es una parte importante para mantener la coherencia de su diseño. En GemPages, el Selector de color Esta herramienta te permite seleccionar colores desde cualquier lugar de la pantalla, incluso desde otras ventanas abiertas en el mismo monitor.
Esta función opera de forma similar a las herramientas de software de diseño como Figma, lo que facilita la combinación de colores entre diferentes elementos, imágenes o materiales de marca.
¿Cuándo deberías usar el selector de color?
El selector de color es especialmente útil cuando:
- Quieres que los colores coincidan con los de las imágenes.
- Debes usar los colores de la marca del logotipo.
- Quieres colores uniformes en toda la página.
- Estás copiando colores de otro sitio web o archivo de diseño.
- Quieres evitar introducir manualmente los códigos de color.
Por ejemplo, si desea que el texto del encabezado coincida con el color de la imagen del logotipo, puede simplemente seleccionar el color directamente en lugar de adivinar el código hexadecimal.
Cómo usar el selector de color
En este ejemplo, cambiaremos el color de un elemento de encabezado utilizando el selector de color.
Paso 1: Seleccione el elemento al que desea cambiar el color.
Desde el lienzo del editor:
- Haga clic en el elemento elemento de encabezado Quieres actualizar
- Asegúrese de que se haya seleccionado el elemento correcto.
Una vez seleccionado, la configuración del elemento aparecerá en el panel izquierdo.
Paso 2: Abra la configuración de color y seleccione el icono Selector de color.
Dentro de la configuración del elemento:
- Encuentre el elemento Color opción
- Haz clic para abrir la configuración de color.
- Haga clic en el botón Icono de selector de color
Tras hacer clic en el icono, el cursor se convertirá en una herramienta de selección de color.
Paso 3: Elige un color de cualquier parte de tu pantalla.
Mueva el cursor a cualquier área visible de la pantalla.
Puedes elegir los colores entre:
- Imágenes dentro de tu página
- Logotipos
- Otras pestañas del navegador
- Los archivos de diseño
- Cualquier ventana abierta en el mismo monitor.
Haz clic en el color que quieras usar.
El color seleccionado se aplicará inmediatamente a su elemento.
Después de seleccionar el color:
- El nuevo color se aplicará automáticamente
- No se requieren pasos adicionales
Puedes continuar editando o repetir el proceso para otros elementos.
gracias por tus comentarios