Color personalizado (Ficha), Selector de color (Cuadro de diálogo)

Actualización: noviembre 2007

Para crear un color personalizado, arrastre los controles deslizantes de los colores primarios rojo, verde y azul hasta que el matiz deseado aparezca en el campo Vista previa. El código de color RGB, mostrado en el campo Color, se insertará en la definición de estilo de la hoja de estilos en cascada (CSS) al cerrarse el cuadro de diálogo Generador de estilos.

Nota:
Para que se muestre un color personalizado, utilice la configuración de Pantalla actual del monitor. Puede tener un aspecto diferente en el monitor y explorador web de otro usuario. Puede que desee reservar los colores personalizados para utilizarlos en los proyectos Web diseñados para grupos de usuarios que comparten configuraciones de pantalla comunes y predecibles.

Por ejemplo, cuando edite una hoja de estilos CSS, coloque el cursor entre las llaves ({ }) de un estilo CSS para un estilo INPUT.button; a continuación, seleccione Fondo en el cuadro de diálogo Generar estilo y después 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 Color personalizado, mantenga los controles deslizantes Rojo y Verde en sus valores predeterminados de 255 y arrastre el control deslizante Azul hacia la izquierda hasta el valor 102.

Nota:
El campo Vista previa muestra una sombra de color amarillo brillante y en el campo Color se muestra el código de color RGB #ffff66, es decir, el equivalente a 255.255.102.

Al cerrarse el cuadro de diálogo Generador de estilos, se inserta entre las llaves ({ }) del estilo un par attribute:RGBcolor:

INPUT.button { background-color: #ffff66; } 

Si se selecciona un color en una ficha del Selector de color, dicho color quedará automáticamente seleccionado en todas las fichas. En este caso, se selecciona una muestra amarillo brillante idéntica en la ficha Paleta Web y, en el campo Color, aparece el código RGB #ffff66. Este tono de amarillo en particular es un color simplificado para el Web.

Para obtener acceso a este cuadro de diálogo

1. 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).

2. 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 Style 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, haga clic en 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.

3. 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.

4. Haga clic en la ficha Color personalizado.

Tareas

• Tutorial: Crear y modificar un archivo CSS

Elementos de interfaz de usuario

• Rojo
  El valor predeterminado es 255 (rojo máximo). Arrastre el control deslizante Rojo hacia la izquierda para reducir la cantidad de rojo del color personalizado. El valor mínimo es 0 (sin rojo).

• Verde
  El valor predeterminado es 255 (verde máximo). Arrastre el control deslizante Verde hacia la izquierda para reducir la cantidad de verde del color personalizado. El valor mínimo es 0 (sin verde).

• Azul
  El valor predeterminado es 255 (azul máximo). Arrastre el control deslizante Azul hacia la izquierda para reducir la cantidad de azul del color personalizado. El valor mínimo es 0 (sin azul).

• Vista previa
  A medida que arrastre los controles deslizantes, el panel de vista previa irá mostrando el color resultante.

• Color
  Muestra el código RGB hexadecimal correspondiente al color resultante.

• Aceptar
  Cierra el cuadro de diálogo Selector de color y agrega el par attribute:color seleccionado al código de marcado CSS que se va a insertar al cerrarse el cuadro de diálogo Generador de estilos.

Vea también

Conceptos

Controles de servidor Web ASP.NET y estilos de CSS

Referencia

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

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

Colores del sistema (Ficha), Selector de color (Cuadro de diálogo)