La definizione di un bordo Hexed

January 23

Non si può pensare si può riconoscere 16 milioni di colori, ma è così che molti si possono creare usando i numeri esadecimali. Web designer usano i numeri quando si applicano i colori per gli elementi della pagina Web, quali sfondi e bordi. Un bordo ben progettato con un colore armonico può dare le vostre pagine un aspetto professionale. Non c'è bisogno di prendere una classe di matematica hex per iniziare colorare i tuoi confini con esadecimale.

Bit e Byte

Quando il computer fa qualcosa, funziona con stringhe di informazioni chiamato bit. Bit formano unità più grandi chiamate byte che permettono ai programmatori di lavorare con i tipi di dati in modo più efficiente. Gli esseri umani lavorano con numeri utilizzando un sistema decimale in base al numero 10. I computer utilizzano sistema binario che permette loro di manipolare bit in memoria. Le uniche cifre possibili in un sistema binario sono zero e uno. Perché ci vuole otto bit per produrre un singolo carattere, la gente trova più facile lavorare con il sistema numerico esadecimale.

numeri esadecimali

numeri esadecimali possono essere costituiti i seguenti caratteri:

0123456789ABCDEF

Ogni personaggio rappresenta un numero decimale. Il decimo carattere, 9 ,, per esempio, rappresenta il numero nove. Il carattere successivo, A, rappresenta il 10, B è 11 e D a F rappresentano i numeri da 12 a 16. Un numero esadecimale a due cifre, come F1, è costituito da due caratteri esadecimali affiancati. Il valore esadecimale F1 corrisponde al numero decimale 241. F2 rappresenta il numero decimale 242. valore aumenta decimali di un numero esadecimale a due cifre, quando uno dei suoi aumenta cifre. Se fate due cifre pari a zero, come mostrato di seguito, il valore decimale diventa zero così:

00

Il maggior numero esadecimale a due cifre possibili, FF, ha un valore decimale di 255. Ogni numero esadecimale a due cifre rappresenta un byte.

RGB Notation

HTML utilizza il RGB (rosso, verde, blu) sistema di colore di notazione. Mescolando diverse intensità di quei colori, è possibile produrre altri colori. Per creare un colore rosso puro, l'intensità set di rosso al "255" o "FF", e impostare le intensità di verde e blu a "0" Così, i numeri esadecimali a due cifre consentono di definire un colore RGB utilizzando tre coppie di numeri esadecimali a due cifre, come si vede nel seguente esempio:

FF 00 00

Il primo numero esadecimale a due cifre, "FF," rappresenta 255. Questo numero controlla l'intensità rosso del colore. I prossimi due coppie di numeri esadecimali, 00, fissati intensità verde e blu del colore a zero. Poiché questi valori sono pari a zero, il colore risultante contiene solo rosso e appare in questo modo in una pagina Web. Se si aumenta l'intensità del colore blu a "20", il colore rosso comincia ad acquisire una tinta bluastra

FF 00 20

Per creare un colore blu puro, usare "00 00 FF", invece. Questi esempi mettono spazi tra i numeri a due cifre per chiarezza per illustrare le tre coppie di numeri. Quando si lavora con le pagine HTML vero e proprio, rimuovere gli spazi in modo che un numero esadecimale appare come segue:

FF0000

Hex Borders

Se stai usando i CSS per definire i colori di confine o JavaScript per impostare i colori in modo dinamico, si ha la possibilità di impostare quei colori utilizzando esadecimale. Il modo più semplice per impostare il colore del bordo di un elemento HTML è quello di utilizzare un colore di nome come illustrato di seguito:

colore rosso

Lo svantaggio di usare questa convenzione di denominazione è il fatto che l'HTML supporta solo 147 nomi di colori. Se il vostro Web design richiede una tonalità che non ha nome, è necessario definire utilizzando un numero esadecimale. Il seguente attributo foglio di stile crea un bordo rosso utilizzando questo numero esadecimale:

border-color: # FF0000

Posizionare un cancelletto davanti al numero esadecimale quando si definiscono i colori in una pagina Web. Tweak colori dei bordi rapidamente alterando i valori dei numeri esadecimali che definiscono quei colori. È anche possibile utilizzare strumenti Color Picker che consentono di fare clic su un colore e di visualizzare la sua rappresentazione esadecimale.