Paleta Web (Ficha), Selector de color (Cuadro de diálogo)

Artículo
10/07/2008

Actualización: noviembre 2007

Cuando se selecciona un muestrario de colores, su código RGB hexadecimal aparece en el campo Color y el par de attribute:RGBcolor se inserta en la definición de estilo de la hoja de estilos en cascada (CSS) al cerrar el cuadro de diálogo Generador de estilos. Todos los colores de esta ficha se muestran de forma coherente en los exploradores web.

Por ejemplo, al modificar 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 Paleta Web, elija un muestrario de colores azul claro. Cuando cierre el cuadro de diálogo Generador de estilos, se insertará un par de attribute:color como el siguiente entre las llaves ({ }) del estilo BODY:

BODY { BACKGROUND-COLOR: #99ffff; }

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, realice una de las acciones siguientes:
- En la vista Diseño, seleccione el control o el 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 el elemento y, a continuación, haga clic en Estilo.
- Seleccione el control o el elemento, seleccione su propiedad Style en la ventana Propiedades y elija el botón de puntos suspensivos (...).
- Si está trabajando 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á modificando una hoja de estilos CSS, sitúe el punto de inserción entre las llaves ({ }) de un estilo CSS y elija Generar estilo en el menú Estilo.
Se abre el cuadro de diálogo Generador de estilos.
Seleccione cualquiera de las fichas del cuadro de diálogo Generador de estilos que contengan una lista desplegable Color y haga clic en el botón de puntos suspensivos (…) situado junto al cuadro.

Se abre el cuadro de diálogo Selector de color.
Haga clic en la ficha Paleta Web.

Tareas

Tutorial: Crear y modificar un archivo CSS

Elementos de interfaz de usuario

(Paleta de colores)
Presenta muestrarios de los colores que se pueden elegir haciendo clic en ellos.
Color
Muestra el código RGB hexadecimal correspondiente al color seleccionado.
Aceptar
Cierra el cuadro de diálogo Selector de color y agrega el par de attribute:RGBcolor seleccionado al marcado CSS que se insertará cuando se cierre el cuadro de diálogo Generador de estilos.