Colori CSS e HTML

Quando crei un sito avrai a che fare con la grafica e con la scelta dei migliori colori per varie componenti del layout. Questa guida vale per siti statistici ma anche per blog WordPress o per qualsiasi altro CMS.

I colori di un elemento sono definiti secondo un codice RGB (red, blu, green) oppure con il nome o infine con un codice esadecimale.

Analizzando il codice HTML, ad esempio il rosso è definito con i seguenti valori:
Codice RGB: rgb(255,0,0)
Codice Esadecimale: #FF0000
Nome: red

Come trovare il codice colore

Usa questo tool gratuito chiamato color picker per scegliere con il mouse il colore che desideri e comparirà magicamente il codice da utilizzare.


Scegliere il colore di un testo usando i CSS

Quando stai modificando un file .css, la proprietà da usare per colorare un testo è detta color seguita dal codice esadecimale del colore che desideri.

Crea il tuo sito in 9 minuti

La nostra guida completa per creare il tuo sito WordPress dalla A alla Z in 9 minuti senza essere un esperto.

➤ Vai alla guida

p {
color:#FF0000;
}

Usando questa regola otterrai il seguente risultato.

questo è il testo in rosso

Colorare uno sfondo

Se desideri cambiare lo sfondo di un elemento dovrai usare la proprietà background-color.

p {
background-color:#FF0000;
}

Il risultato sarà un paragrafo con uno sfondo rosso.

questo paragrafo ha lo sfondo rosso

Colorare i bordi

Per modificare il colore dei bordi di un elemento devi usare la proprietà border-color e specificare anche il tipo di bordo.

p {
border:1px solid #FF0000;
}

Con questa regola sarà mostrato un paragrafo con un bordo di colore rosso.

questo paragrafo ha i bordi rossi

Non dimenticare che oltre modificando i CSS, puoi cambiare il colore di un elemento direttamente inline tramite l’aggiunta dell’attributo style, usando ad esempio style=”border:1px solid #FF0000;”.

Adesso che hai imparato quali regole usare per colorare il tuo sito puoi iniziare a cambiare l’aspetto della grafica e cercare soluzioni più gradevoli.

Perché non condividi questo articolo? Grazie!

The following two tabs change content below.

Federico Magni

Ciao, sono Federico Magni e mi occupo di WordPress dal 2007. Vorrei offrirti risorse gratuite e consigli pratici per rendere più efficace il tuo sito e ottenere i risultati che ti meriti in termini di visite, vendite e iscritti.

Altri articoli di Federico Magni (vedi tutti)