Colori CSS
I colori vengono specificati utilizzando nomi di colori predefiniti o valori RGB, HEX, HSL, RGBA, HSLA.
Nomi colore CSS
In CSS, un colore può essere specificato utilizzando un nome colore predefinito:
Pomodoro
arancione
DodgerBlue
Verde mare medio
Grigio
Blu ardesia
Viola
Grigio chiaro
CSS/HTML supporta 140 nomi di colori standard .
Colore di sfondo CSS
Puoi impostare il colore di sfondo per gli elementi HTML:
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="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Colore del testo CSS
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 bordo CSS
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 CSS
In CSS, i colori possono anche essere specificati utilizzando valori RGB, valori HEX, valori HSL, valori RGBA e valori HSLA:
Come il nome del colore "Pomodoro":
RGB(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
Come il nome del colore "Pomodoro", ma trasparente al 50%:
rgba (255, 99, 71, 0.5)
hsla (9, 100%, 64%, 0,5)
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>