Condividi tramite


Finestre Altri Colori e Colore

Le finestre di dialogo Colore e Altri colori consentono di scegliere e creare valori di colore per le regole di stile CSS che determinano il colore del carattere, dello sfondo e del bordo degli elementi di pagina.

Per aprire la finestra di dialogo Altri colori

  1. Scegliere la finestra di dialogo Nuovo stile o Modifica stile.

  2. Scegliere la finestra di dialogo Altri colori.

Questi passaggi sono descritti di seguito.

1. Per accedere alla finestra di dialogo Nuovo stile o Modifica stile, utilizzare uno dei metodi seguenti:

  • Scegliere Compila stile dal menu Formato.

  • Fare clic con il pulsante destro del mouse sul foglio di stile nell'editor quindi scegliere dal menu di scelta rapida, scegliere Stile di compilazione.

  • Nella barra degli strumenti del foglio di stile scegliere Stile di compilazione.

2. Per accedere alla finestra di dialogo Altri colori, utilizzare uno dei metodi seguenti:

  • Scegliere la categoria Carattere e fare clic sull'icona quadrata accanto al colore.

  • Scegliere la categoria Sfondo e fare clic sull'icona quadrata accanto a background-color.

  • Scegliere la categoria Bordo quindi fare clic su una delle icone quadrate in border-color.

Elementi della finestra di dialogo Altri colori

Nella finestra di dialogo Altri colori sono disponibili i seguenti elementi dell'interfaccia utente:

  • Valore
    Consente di visualizzare il codice RGB esadecimale corrispondente al colore selezionato.

  • Nome
    Visualizza il nome del colore, se il colore ne ha uno.

  • Personalizzato
    Apre la finestra di dialogo Colore, che consente di selezionare un colore o di creare una tavolozza di colori.

  • Select
    Imposta il puntatore su uno strumento di prelievo del colore, che consente di selezionare qualsiasi colore sullo schermo e di assegnarlo quindi a un elemento di pagina.

  • Nuovo
    Visualizza il colore selezionato nella finestra di dialogo ma che non è stato assegnato ancora all'elemento di pagina.

  • Corrente
    Visualizza il colore che è assegnato attualmente all'elemento di pagina.

Creare un colore personalizzato nella finestra di dialogo Colori

Per creare un colore personalizzato

  1. Nella finestra di dialogo Altri colori scegliere Personalizza....

    Verrà visualizzata la finestra di dialogo Colore.

  2. Eseguire una delle operazioni seguenti:

    • Utilizzare la matrice di colori e il gradiente di saturazione per creare un colore facendo clic all'interno della matrice. Quindi utilizzare il puntatore del gradiente di saturazione per selezionare un livello di saturazione.

    • Immettere i valori HSL o RGB per il colore personalizzato.

    Il colore personalizzato viene visualizzato nella casella Color/Solid.

  3. Se si desidera creare più colori, fare clic su Aggiungi ai colori personalizzati per aggiungere il colore alla tavolozza Colori personalizzati. È quindi possibile ripetere il passaggio 2 per creare gli altri colori.

  4. Fare clic su OK per assegnare il colore all'elemento di pagina selezionato nella pagina.

    Nota

    La visualizzazione di un colore personalizzato è basata sulle impostazioni di visualizzazione del monitor in usoe può risultare diversa sul monitor di un altro utente.Si consiglia quindi di utilizzare i colori personalizzati solo in progetti Web realizzati per gruppi di utenti che condividono impostazioni di visualizzazione comuni o prevedibili.

Modalità di applicazione degli stili

Se all'elemento di pagina non è applicata alcuna regola CSS, la regola di stile viene creata come stile in linea. Se per l'elemento di pagina esiste una regola di stile CSS, le informazioni sullo stile vengono scritte nella regola di stile esistente.

Nota

Le regole di stile in linea hanno la precedenza sulle regole di stile incluse in un elemento style della pagina o sulle regole di stile che si trovano in un file CSS esterno.

Vedere anche

Altre risorse

How to: Set Web Server Control Color Properties