I colori: introduzione

Da **Niko** Dom 8 Mar 2015 - 15:49

I colori: introduzione

I colori sono regolarmente utilizzati nel pannello di amministrazione, nei bordi, nel testo, negli sfondi, insomme.. ovunque!
Alcune volte è difficile differenziare i vari tipi di colori utilizzati (HTML e CSS)

Questa FAQ vi mostra tre modi diversi di analizzare i colori :good:

I colori come nomi

E' possibile definire un colore con il modo più semplice: il suo nome :bene:

Qui è presente una lista dei nomi-colore più frequenti ed utilizzati:

Esempio di utilizzo:
Codice:
Testo
Risultato:
Testo

Qui vi forniamo un'altra lista di colori presa da w3schools con gli equivalenti esadecimali, che tratteremo in seguito : Nomi colore HTML

I colori RGB

Il modello di colori RGB (Red-Green-Blue o RdGB) è basato sul principio della sintesi additiva dei colori. In questo preocedimento, i colori primari sono il rosso, il verde e il blu: mescolandoli tra loro porta alle varie tonalità del grigio, mentre ad esempio mescolandone solo 2 posso ottenere il giallo (rosso + verde, oppire rgb(255,255,0) ).

Indicando l'intensità del rosso, verde o blue (in questo ordine) puoi creare varie sfumature di colore.

Per esempio, questo è un color picker che mostra entrambi i colori esadecimali e RGB: Codici colore RGB

Per usare il colore, semplicemente specifica "rgb" con le sfumature dei tre colori : "(1, 2, 3)." Ogni sfumatura ha un valore minimo di 0 e un massimo di 255. Very Happy

Esempio di utilizzo:
Codice:
Testo
Risultato:
Testo

C'è anche una scala RGBA in cui viene aggiunto un canala Alpha che permette di definire la trasparenza dei tuoi colori. Tuttavia questa gestione dei colori potrebbe non funzionare con i browser troppo datati e non aggiornati.

Ad esempio rgba(255, 0, 0, 0.3) ci fornisce una trasparenza del rosso del 30%. La trasparenza è definita utilizzando un numero decimale, dove 1 o 1.0 equivale al 100%, e dove 0.5 = 50% di trasparenza :bene:

Puoi trovare ulteriori informazioni qui : I colori RGBA

I colori esadecimali (HEX)

Questo è in pratica la versione convertita dei colori RGB, ma è usata su larga scala sul web ed è la versione più frequente perchè è meno complessa e più precisa. Consiste nel digitare sei cifre, o in alternativa 3 cifre (abbreviato) indicando le varie sfumature dei colori. Questo codice è scritto come:
#000000 ( due cifre per ogni colore primario: rosso, verde e blu)

Il valore minimo è 00 e il massimo valore è FF (che equivale a 255 per la scala RGB). I valori vengono incrementati in questo modo:

00
01
02
03
04
05
06
07
08
09
0A
0B
0C
0D
0E
0F
10
11
...e così via, fino a FF

La modalità abbreviata è utile quando vuoi accorciare il tuo colore. Ad esempio:
#F00 equivale a #FF0000 (red)
#39C equivale a #3399cc (light blue)

Vi forniamo nuovamente un #color #picker che offre i vari colori esadecimali : http://www.colorpicker.com/

Esempio di utilizzo:
Codice:
Testo
Risultato:
Testo