Colores con nombre (Ficha), Selector de color (Cuadro de diálogo)

Artículo
10/07/2008

Actualización: noviembre 2007

Cuando se elige un muestrario de color, aparece un color con nombre en el campo Color. Cuando se selecciona un color con nombre Básico o Adicional, se inserta un par attribute:colorname en la definición de estilo CSS (hoja de estilos en cascada) al cerrarse el cuadro de diálogo Generador de estilos.

Por ejemplo, si está editando una página HTML en la vista Diseño, seleccione el elemento <BODY> en la ventana Esquema del documento y elija Generar estilo en el menú Formato. Seleccione Fondo y elija el botón de puntos suspensivos (...) situado junto al campo Color para abrir el cuadro de diálogo Selector de color. En la ficha Colores con nombre, seleccione el color LightBlue (#add8e6) en la fila inferior. Al cerrarse el cuadro de diálogo Generador de estilos, se inserta entre las llaves ({ }) del estilo BODY un par attribute:colorname:

BODY { BACKGROUND-COLOR: lightblue; }

Para obtener acceso a este cuadro de diálogo

En Microsoft Visual Web Developer, en la vista Diseño, seleccione un control o elemento HTML que represente el marcado (por ejemplo, un control Table o un botón <input> HTML).
Abra el cuadro de diálogo Generador de estilos. Para ello, lleve a cabo una de las siguientes acciones:
- En la vista Diseño, seleccione el control o elemento, haga clic en Formato y, a continuación, en Estilo.
- En la vista Diseño, haga clic con el botón secundario del mouse en el control o elemento y, a continuación, haga clic en Estilo.
- Seleccione el control o elemento, seleccione su propiedad Estilo en la ventana de propiedades y, a continuación, elija el botón de puntos suspensivos (...).
- Si trabaja en la ventana Estilos de documento, seleccione un Elemento, una Clase o un Id. de elemento y, a continuación, elija el icono Generar estilo.
- Si está editando una hoja de estilo CSS, coloque el punto de inserción entre las llaves ({ }) de un estilo CSS y, después, elija Generar estilo en el menú Estilo.
Se abrirá el cuadro de diálogo Generador de estilos.
Seleccione cualquiera de las fichas del cuadro de diálogo Generador de estilos que contenga una lista desplegable Color y, a continuación, haga clic en el botón de puntos suspensivos (…) situado junto al cuadro.

Se abrirá el cuadro de diálogo Selector de color.
Haga clic en la ficha Colores con nombre.

Tareas

Tutorial: Crear y modificar un archivo CSS

Elementos de interfaz de usuario

Basic
Muestra ejemplos de colores básicos que se pueden seleccionar.
Adicional
Muestra ejemplos de colores seleccionables como alternativa a la lista de colores básicos.
Color
Muestra el nombre del color y el código RGB hexadecimal correspondiente al color seleccionado.
Aceptar
Cierra el cuadro de diálogo Selector de color y agrega el par attribute:colorname seleccionado al código de marcado CSS que se va a insertar al cerrarse el cuadro de diálogo Generador de estilos.
Usar nombres de colores
Indica si se va a utilizar el nombre del color o el código RGB cuando se inserte el color seleccionado en el código de marcado CSS.