Colori HTML
I colori HTML vengono specificati con nomi di colori predefiniti o con valori RGB, HEX, HSL, RGBA o HSLA.
Nomi di colore
In HTML, un colore può essere specificato utilizzando un nome di colore:
HTML supporta 140 nomi di colori standard .
Colore di sfondo
Puoi impostare il colore di sfondo per gli elementi HTML:
Il dolore stesso è l'amore Ecco perché è il minimo a venire, che la nostra pratica normale sopporta per trarne vantaggio
Esempio
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Colore del testo
Puoi impostare il colore del testo:
Ciao mondo
Il dolore stesso è l'amore
Ecco perché è il minimo a venire, che la nostra pratica normale sopporta per trarne vantaggio
Esempio
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Colore del bordo
Puoi impostare il colore dei bordi:
Ciao mondo
Ciao mondo
Ciao mondo
Esempio
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Valori di colore
In HTML, i colori possono anche essere specificati utilizzando valori RGB, valori HEX, valori HSL, valori RGBA e valori HSLA.
I seguenti tre elementi <div> hanno il colore di sfondo impostato con valori RGB, HEX e HSL:
I seguenti due elementi <div> hanno il colore di sfondo impostato con valori RGBA e HSLA, che aggiunge un canale alfa al colore (qui abbiamo il 50% di trasparenza):
Esempio
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>