Color Picker es la función de su editor que le permite administrar la combinación de colores del texto, el fondo, las superposiciones y más. Puedes elegir un color de la paleta de colores, introducir un valor HEX o RGB o incluso crear un degradado personalizado. La función de colores recientes le ayudará a mantener la coherencia de su combinación de colores y a mantener un aspecto profesional en su sitio.
Antes de elegir la combinación de colores, debe elegir dónde desea usar un solo color o un degradado.
Si está utilizando la opción de un solo color, puede elegir un color de Colores recientes tabular o saltar a Elige otro color.
El fondo degradado será una opción disponible para los fondos de filas, columnas y widgets y para las superposiciones de imágenes. Para aplicar un degradado, con el selector de colores abierto, haz clic en el menú desplegable situado encima de la paleta de colores (puede decir Color), selecciona Gradiente, luego asegúrate de:
-
Elige 2 colores de las paradas de degradado
-
Puedes invertir los colores para ajustar la posición de las paradas
-
-
Elige la dirección del degradado
-
La opción Center generará un gradiente radial
-
Las opciones laterales crearán un degradado lineal
-
Nota
Los degradados no se pueden guardar en Colores del tema.
Los colores del tema te permiten definir una paleta de colores y vincular los colores individuales a cualquiera o todos los widgets con ajustes de color. El color de cualquier elemento que esté 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 te permite realizar cambios de color rápidamente, lo que ayuda a reducir el tiempo de diseño y garantiza que el estilo de tu sitio sea uniforme en todas las páginas.
Para obtener más información sobre cómo configurar los colores del tema, consulteColores del tema.
Guarda los colores que se utilizan con frecuencia en tu sitio agregándolos a la lista de colores guardados del selector de colores.
Para añadir un color a los colores guardados, haga clic en la pestaña Colores guardados del selector de colores y, a continuación, haga clic en+icono. Para eliminar un color de la lista de colores guardados, haga clic con el botón derecho en el color y seleccioneEliminar.
Puede guardar hasta 48 colores y degradados en la lista de colores guardados.
Selecciona el tono de un color usando la paleta de colores de la derecha o el panel de colores. También puede introducir el valor HEX o RGB del color que desee en el cuadro de texto situado debajo del degradado de color vertical.
Para combinar perfectamente un color desde cualquier parte de tu sitio (imágenes, textos, etc.), haz clic en la herramienta cuentagotas y selecciona el color de tu sitio que quieras usar. No necesitas perder tiempo intentando averiguar el nombre o el valor exactos de un color
El comprobador de contraste para los colores del texto ayuda a mejorar la accesibilidad de los sitios al indicar si el contraste entre el texto y el fondo cumple con el estándar AA o AAA*. El comprobador de contraste aparece en el selector de color siempre que el selector de color se utilice para el texto
Los siguientes son los criterios que determinan si se cumple el estándar AA o AAA:
|
Tipo de texto |
Estándares* |
Tamaño de fuente |
Relación de contraste mínima |
|---|---|---|---|
|
Texto normal |
AAA |
Menores de 18 puntos |
7:1 |
|
Texto grande |
AAA |
Negrita de 18 o 14 puntos |
4.5:1 |
|
Texto normal |
AA |
Menores de 18 puntos |
4.5:1 |
|
Texto grande |
AA |
18 puntos en negrita o 24 puntos y más |
3:1 |
*En los estándares de accesibilidad, «AA» y «AAA» representan diferentes niveles de requisitos de contraste de color. El nivel AA significa que los colores tienen suficiente contraste para ser legibles, pero aun así pueden presentar problemas para algunos usuarios. El nivel AAA significa que tienes un contraste alto que la gran mayoría de los usuarios deberían poder leer.
El comprobador de contraste se desactivará en las siguientes circunstancias:
-
Si el texto seleccionado tiene varios colores. Por ejemplo, si varias palabras del texto son azules y varias otras son rosas.
-
Si el texto está sobre un fondo degradado.
-
Si el texto está sobre un fondo de imagen.
-
El degradado no está disponible para los elementos de texto, por lo que no lo verás en el selector de color para los elementos de texto del editor de diseño de widgets de la pestaña Tema.
-
Al trabajar con fondos, al cambiar entre Color e Imagen, la configuración de la opción anterior se establecerá en nula. Por ejemplo, si utilizaste un color y cambiaste la configuración a Imagen, se eliminarán todos los ajustes de color o degradado.
-
Los degradados anulan los fondos de los botones individuales. Para volver a cambiarlos, vuelva a seleccionar el fondo de los botones individuales