Tutorial su codici cromatici HTML

May 16

Esistono due tipi di codici colore per l'uso in codifica della pagina Web. Il primo tipo utilizza una serie di nomi di colore predefiniti riconosciuti dalla maggior parte dei browser. Tutti i nomi dei colori si riferiscono ai colori sicuri per il Web, anche se moderni Web designer considerano tutti i colori Web-safe dal monitor e la qualità della scheda video migliorato in modo significativo a partire dalla metà degli anni 1990. L'altro tipo di codice colore è più astratto e utilizza i codici esadecimali preceduti da un cancelletto, per fare riferimento a colori esatti. I moderni progettisti Web utilizzano Cascading Style Sheets (CSS) per definire i colori per le pagine HTML.

Colori con nome

colori con nome comprendono i tradizionali 256 colori sicuri per il Web, una volta considerati "sicuri" perché sono apparsi la stessa in tutti i browser. Anche se i progettisti preferiscono codici esadecimali, è più facile per la maggior parte delle persone a ricordare "rosso" o "blu" al posto delle loro controparti a sei cifre. In HTML e CSS, i nomi dei colori tipo una parola, come "royalblue" per il blu reale. Fare riferimento a un grafico quando si utilizzano i nomi dei colori più oscuri. Browser ignorano errori di ortografia nomi dei colori.

Codici esadecimali a colori

Web designer favoriscono codici colore esadecimale. codici esadecimali sono esatte, e quando si utilizza un selettore di colori, i progettisti possono specificare qualsiasi di un massimo di 16,7 milioni di colori. Il formato di un codice colore esadecimale è un cancelletto seguito da sei cifre. Ogni cifra va da "0" a "f" dove "0" indica un valore di uno e "f" sta per un valore di sedici. Le tre coppie di cifre corrispondono al rosso, verde e blu (RGB) valori computer utilizzano per visualizzare i colori. Per ottenere il valore rosso da un codice esadecimale, per esempio, si moltiplicano le prime due cifre. Nel codice per un puro, di colore rosso vivo, che si presenta come "# ff0000" convertire ogni "f" a sedici. Sedici sé volte è 256, il valore massimo per il rosso, verde o blu.

Utilizzo dei codici colore nelle pagine Web

Prima del rilascio di HTML 4.01 e l'ampio uso di CSS, programmatori web utilizzato Attributi dei tag HTML per definire i colori nelle pagine web. Il codice per specificare il colore del carattere, utilizzando il vecchio metodo, si presenta come <font color = "# 00FF00">. Quel po 'di codice rende il testo blu, e funziona ancora per alcuni browser. Il modo nuovo e migliore è quello di utilizzare i CSS per definire i colori. Codice per rendere blu testo in CSS potrebbe apparire come "p {color: # 00FF00;}". In questo esempio, i tag di paragrafo nel file HTML diventano blu. Web designer usano anche i codici esadecimali a breve mano come "# 000" per il nero o "#fff" per il bianco.

Picking Color Codes

I progettisti utilizzano raccoglitrici di colore per ottenere il valore esadecimale di un colore particolare. In Photoshop, il progettista seleziona lo strumento "Eye Dropper" e poi lo usa per fare clic su un colore nel web design. Facendo doppio clic sull'icona del colore di primo piano porta in primo piano una finestra che fornisce al progettista un codice esadecimale esatto per quel colore. Alcuni editor di codice includono anche uno strumento di prelievo colore, come fa Dreamweaver. ColourLovers.com, il sito di una comunità di web designer, è una risorsa completa per la ricerca di colori e le loro codici.