Um Farben in Stylesheets anzugeben, gibt es mehrere verschiedene Möglichkeiten. Man kann direkt einfache Farbnamen benutzen, auf die erweiterten Farbnamen zurückgreifen, eine hexadezimale Angabe machen, oder einen RGB-Wert angeben. Bei der hexadezimalen Angabe ist außerdem eine verkürzte Schreibweise gestattet, wenn die 3 einzelnen Farbangaben in hexadezimaler Schreibweise jeweils symetrisch sind. Dies bedeutet, aus "00ff00" wird "0f0", aus "336699" wird "369". Nicht gekürzt werden kann "335699", da hier die mittlere Angabe nicht symetrisch ist. Als Extra gibt es dann noch die Systemfarben, welche sich an den nutzerspezifischen Einstellungen dses jeweiligen Webseitenbesuchers orientieren.
<p style="background-color: red">ich habe einen roten Hintergrund</p>
<p style="background-color: green">und ich bin grün</p>
<p style="background-color: #ff0000">ich habe einen roten Hintergrund</p>
<p style="background-color: #008000">und ich bin grün</p>
<p style="background-color: #0f0">ich habe einen roten Hintergrund</p>
<p style="background-color: #008000">und ich bin grün</p>
<p style="background-color: rgb(255,0,0)">ich habe einen roten Hintergrund</p>
<p style="background-color: rgb(0,128,0)">und ich bin grün</p>
alle 4 verschiedenen Angaben ergeben die selbe Ansicht im Browser. Es bleibt dem Programmierer überlassen, welche Art der Notation er benutzen möchte.
ich habe einen roten Hintergrund
und ich bin grün
<p style="background-color: infotext">ich habe einen roten Hintergrund</p>
<p style="background-color: windowframe">und ich bin grün</p>
ich habe einen Hintergrund im "infotext"-Stil
und ich habe einen Hintergrund im "windowframe"-Stil