Cuadros de diálogo Coloeres y Más colores
Publicada: abril de 2016
Los cuadros de diálogo Más colores y Color permiten elegir y crear valores de color para las reglas de estilo CSS que determinan el color de fuente, del fondo o del borde de elementos de página.
Para tener acceso al cuadro de diálogo Más colores
Elija el cuadro de diálogo Nuevo estilo o Modificar estilo.
Elija el cuadro de diálogo Más colores.
Estos pasos se detallan a continuación.
1. Para tener acceso al cuadro de diálogo Nuevo estilo o Modificar estilo, use uno de los métodos siguientes:
En el menú Formato, elija Generar estilo.
Haga clic con el botón secundario en una hoja de estilos en el editor y, desde el menú contextual, elija Generar estilo.
En la barra de herramientas de la hoja de estilos, elija Generar estilo.
2. Para tener acceso al cuadro de diálogo Más colores, use uno de los métodos siguientes:
Elija la categoría Fuente y haga clic en el icono cuadrado junto a color.
Elija la categoría Fondo y haga clic en el icono cuadrado junto a background-color.
Elija la categoría Borde y haga clic en uno de los iconos cuadrados en border-color.
Elementos del cuadro de diálogo Más colores
El cuadro de diálogo Más colores tiene los siguientes elementos de la interfaz de usuario.
Valor
Muestra el código RGB hexadecimal correspondiente al color seleccionado.Nombre
Muestra el nombre del color si el color tiene uno.Personalizar
Abre el cuadro de diálogo Color, que permite seleccionar un color o crear una paleta de colores.Select
Cambia el puntero a una herramienta de cuentagotas que permite seleccionar cualquier color en la pantalla y, a continuación, asignarlo a un elemento de página.Nuevo
Muestra el color que está seleccionado en el cuadro de diálogo, pero que todavía no se ha asignado al elemento de página.Actual
Muestra el color que está asignado actualmente al elemento de página.
Crear un color personalizado con el cuadro de diálogo Color
Para crear un color personalizado
En el cuadro de diálogo Más colores, haga clic en **Personalizar... **.
Se muestra el cuadro de diálogo Color.
Siga uno de estos procedimientos:
Utilice la matriz de colores y el degradado de saturación para crear un color haciendo clic dentro de la matriz. A continuación, utilice el puntero de degradado de saturación para seleccionar un nivel de saturación.
Especifique los valores HSL o RGB del color personalizado.
El color personalizado se muestra en el cuadro Color/Sólido.
Si desea crear más colores, haga clic en Agregar a los colores personalizados para agregar el color a la paleta Colores personalizados. A continuación, puede repetir el paso 2 para crear otros colores.
Haga clic en Aceptar para asignar el color al elemento de página que ha seleccionado en la página.
Nota
Un color personalizado se muestra mediante la configuración de pantalla del monitor. Puede parecer diferente en el monitor de otro usuario. Puede reservar colores personalizados para utilizarlos en los proyectos web diseñados para grupos de usuarios que utilizan la misma configuración de pantalla (o predecible).
Cómo se aplican los estilos
Si el elemento de página no tiene ninguna regla de CSS aplicada, la regla de estilo se crea como un estilo insertado. Si existe una regla de estilo CSS para el elemento de página, la información de estilo se escribe en la regla de estilo existente.
Nota
Las reglas de estilo en línea invalidan las reglas de estilo que se encuentran en un elemento style de la página o las reglas de estilo que están en un archivo CSS externo.