CSS: Formati colore

    <svg style="background-color: red"></svg>   
    <svg style="background-color: red"></svg>
  

Nel formato CSS, e quindi anche nell’HTML e nell’SVG, i colori possono essere indicati:

• con il nome scelto fra i colori predefiniti nel linguaggio CSS

• attraverso funzioni che permettono di indicare i singoli parametri cromatici in base a diversi modelli cromatici, ad esempio l’RGB e l’HSL

• usando il valore esadecimale delle componenti RGB, nella forma #RRGGBBAA con valori da 0 (00) a 255 (FF) o #RGBA con valori da 0 a 15 (F)

Cambiare il colore dello sfondo utilizzando un formato diverso, ad esempio uno fra:

  
  rgb(255 0 160)
hsl(240 30% 60%)
#ffbbcc

Provare a impostare anche un valore di opacità, ad esempio in questo modo:

  
  rgb(255 0 160 / 0.5)
hsl(240 30% 60% / 0.5)
#ffbbcc88

• Color Formats in CSS