Selector de color

El Selector de color es la función de su editor que le permite gestionar el esquema de color del texto, fondo, superposiciones y más. Puede elegir un color de la paleta de colores, ingresar un valor HEX o RGB o incluso crear un degradado personalizado. La función de colores recientes lo ayudará a mantener su esquema de colores consistente y conservar una apariencia profesional en su sitio.

Estilo de color

Antes de elegir la combinación de colores, debes elegir dónde quieres usar un solo color o un degradado.

Si está empleando la opción de un solo color, puede elegir un color de la pestaña Colores recientes o saltar a Elegir otro color.

El fondo degradado será una opción disponible para fondos de filas, columnas y widget y superposiciones de imágenes. Para aplicar un degradado, con el selector de color abierto, haga clic en el menú desplegable sobre la paleta de colores (puede decir Color), seleccione Degradado y luego cerciorar de:

  • Seleccionar 2 colores de las paradas del gradiente

    • Puede invertir los colores para ajustar la posición de las paradas del gradiente

  • Elegir la dirección del gradiente

    • La opción del centro generará un gradiente radial

    • Las opciones de los lados crearán un gradiente lineal

Nota

Los degradados no se pueden almacenar en Colores del tema.

Colores del tema

Los colores del tema le permiten definir una paleta de colores y vincular los colores individuales a cualquiera o todos los widget con configuraciones de color. El color de cualquier elemento vinculado a los colores del tema se actualizará automáticamente cuando se cambie el color vinculado en la configuración de colores del tema. Esto le permite realizar cambios de color rápidamente, lo que ayuda a reducir el tiempo de diseño y garantiza que el estilo de su sitio sea consistente en todas las páginas.

Para saber cómo configurar los colores del tema, consulte Colores del tema.

Colores almacenados

Guarde los colores que utiliza frecuentemente en su sitio, agregándolos a la lista de Colores guardados en el selector de color.

Para agregar un color a los colores almacenados, haga clic en la pestaña Colores almacenados en el selector de color y haga clic en el icono +. Para eliminar un color de la lista de Colores almacenados, haga clic derecho en el color y seleccione Eliminar.

Puede guardar hasta 48 colores y gradientes en la lista de Colores guardados.

Colores recientes

Al seleccionar un color, el menú de colores recientes presenta una muestra de colores que se usaron recientemente en su sitio. Esto le permite seleccionar rápidamente colores que ya están en su sitio.

Elige otro color

Seleccione la tonalidad de un color usando la paleta de colores de la derecha o el panel de colores. Alternativamente, puede ingresar el valor hexadecimal o RGB del color que desea en el cuadro de texto debajo del gradiente de color vertical.

Para que un color coincida perfectamente desde cualquier lugar de su sitio (imágenes, textos, etc.), haga clic en el cuentagotas (cuentagotas.pngtool y seleccione el color de su sitio que desea usar. No es necesario perder tiempo intentando averiguar el nombre exacto o el valor de un color.

Opacidad

El control deslizante de opacidad determina la transparencia de un elemento. Tenga presente que a medida que reduzca la opacidad de un elemento, lo que esté detrás del mismo (imagen o color de fondo) comenzará a mezclarse con ese elemento.

Consideraciones sobre el selector de color

  • El degradado no está disponible para los elementos de texto, por lo que no lo verá en un selector de color para elementos de texto en widget editor de diseño de la pestaña Tema.

  • Al trabajar con fondos, cambiar entre Color e Imagen establecerá la configuración de la opción anterior en nula. Por ejemplo, si estaba usando un color y cambió la configuración a Imagen, se eliminarán todas las configuraciones de color o degradado.

  • Gradientes reemplazan los fondos de botones individuales. Para cambiarlos de nuevo, vuelva a seleccionar el fondo de los botones individuales.