La data/ora di oggi è Gio 28 Mar 2024 - 16:22

1 risultato trovato per "picker"

I colori: introduzione

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:

Hashtag picker su Forum dei Forum: Aiuto per Forumattivo 19901210

  • 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.
Hashtag picker su Forum dei Forum: Aiuto per Forumattivo Acs10

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 (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:
    <span style="color:#2892AC">Testo</span>

  • Risultato:
    Testo


Da Niko
il Dom 8 Mar 2015 - 15:49
 
Cerca in: Domande e risposte frequenti
Argomento: I colori: introduzione
Risposte: 0
Visite: 1578

Torna in alto

Vai verso: