I colori


I colori

Messaggio Da Niko il Dom 8 Mar 2015 - 15:49

I colori: una rapida spiegazione


I colori

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:
    <span style="color:blue">Testo</span>
  • Risultato:
    Testo


Idea 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:
    <span style="color:rgb(136, 66, 29)">Testo</span>
  • 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
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:
    <span style="color:#2892AC">Testo</span>
  • Risultato:
    Testo





© Forum dei forum


Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth © FORUMATTIVO.COM

Tutorial realizzato da Kinotto del forum di supporto francese e tradotto da Niko

avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7756
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum