Scheda Personalizzati, finestra di dialogo Selezione colori

Aggiornamento: novembre 2007

Per creare un colore personalizzato, trascinare i dispositivi di scorrimento corrispondenti ai colori primari rosso, verde e blu fino a visualizzare il colore desiderato nella casella Anteprima. Il relativo codice di colore RGB, visualizzato nella casella Colore, verrà inserito nella definizione dello stile CSS alla chiusura della finestra di dialogo Generatore di stile.

Nota:
La visualizzazione di un colore personalizzato è basata sulle impostazioni di visualizzazione correnti del monitor in uso. e può risultare diversa in un diverso monitor o browser Web. Si consiglia quindi di utilizzare colori personalizzati solo in progetti Web realizzati per gruppi di utenti che condividono impostazioni di visualizzazione comuni e prevedibili.

Durante la modifica di un foglio di stile CSS, ad esempio, posizionare il cursore all'interno delle parentesi graffe ( { } ) ( { } ) di uno stile CSS per uno stile INPUT.button, selezionare Sfondo nella finestra di dialogo Compila stile, quindi scegliere il pulsante con i puntini di sospensione (...) accanto alla casella Colore per aprire la finestra di dialogo Selezione colori. Nella scheda Personalizzati lasciare i dispositivi di scorrimento Rosso e Verde impostati sui rispettivi valori predefiniti (255) e trascinare il cursore Blu verso sinistra fino a 102.

Nota:
In Anteprima viene visualizzata una gradazione brillante di giallo e in Colore è riportato il codice di colore RGB #ffff66, equivalente di 255.255.102.

Alla chiusura della finestra di dialogo Generatore di stile, tra le parentesi graffe ( { } ) dello stile verrà inserita la seguente coppia attribute:RGBcolor:

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

Un colore selezionato in una scheda della finestra di dialogo Selezione colori viene automaticamente selezionato in tutte le schede. In questo caso, nella scheda Tavolozza Web viene selezionato un identico campione di giallo brillante e la casella Colore riporta il codice RGB #ffff66. Questa specifica gradazione di giallo costituisce un colore Web-safe.

Per accedere a questa finestra di dialogo

1. Nella visualizzazione Progettazione di Microsoft Visual Web Developer selezionare un controllo o un elemento HTML per eseguire il rendering del markup, quale un controllo Table o un pulsante <input> HTML.

2. Aprire la finestra di dialogo Generatore di stile eseguendo una delle operazioni indicate di seguito.

   • Nella visualizzazione Progettazione selezionare il controllo o l'elemento, scegliere Formato e quindi Stile.

   • Nella visualizzazione Progettazione fare clic con il pulsante destro del mouse sul controllo o sull'elemento, quindi scegliere Stile.

   • Selezionare il controllo o l'elemento, selezionare la proprietà Stile corrispondente nella finestra Proprietà, quindi scegliere il pulsante con i puntini di sospensione (...).

   • Se si sta utilizzando la finestra Stili documento, selezionare un elemento, una classe o un ID elemento, quindi scegliere l'icona Compila stile.

   • Se si sta modificando un foglio di stile CSS, posizionare il punto di inserimento all'interno delle parentesi graffe ( { } ) di uno stile CSS, quindi scegliere Compila stile dal menu Stile.

   Verrà visualizzata la finestra di dialogo Generatore di stile.

3. Selezionare una delle schede della finestra di dialogo Generatore di stile contenente un elenco a discesa Colore, quindi scegliere il pulsante con i punti di sospensione (…) accanto alla casella.

   Verrà aperta la finestra di dialogo Selezione colori.

4. Fare clic sulla scheda Personalizzati.

Attività

• Procedura dettagliata: creazione e modifica di un file CSS

Elementi di interfaccia

• Rosso
  Il valore predefinito è 255 (quantità massima di rosso). Per ridurre la quantità di rosso nel colore personalizzato, trascinare verso sinistra il dispositivo di scorrimento corrispondente. Il valore minimo è 0 (assenza di rosso).

• Verde
  Il valore predefinito è 255 (quantità massima di verde). Per ridurre la quantità di verde nel colore personalizzato, trascinare verso sinistra il dispositivo di scorrimento corrispondente. Il valore minimo è 0 (assenza di verde).

• Blu
  Il valore predefinito è 255 (quantità massima di blu). Per ridurre la quantità di blu nel colore personalizzato, trascinare verso sinistra il dispositivo di scorrimento corrispondente. Il valore minimo è 0 (assenza di blu).

• Anteprima
  Durante il trascinamento dei dispositivi di scorrimento, nel riquadro di anteprima viene visualizzato il colore risultante.

• Colore
  Visualizza il codice RGB esadecimale corrispondente al colore risultante.

• OK
  Consente di chiudere la finestra di dialogo Selezione colori e di aggiungere la coppia attribute:color selezionata al markup CSS che verrà inserito alla chiusura della finestra di dialogo Generatore di stile.

Vedere anche

Concetti

Controlli server Web ASP.NET e stili CSS

Riferimenti

Scheda Tavolozza Web, finestra di dialogo Selezione colori

Scheda Colori con nome, finestra di dialogo Selezione colori

Scheda Colori di sistema, finestra di dialogo Selezione colori