CSS3 permette di utilizzare, oltre a valori di colore RGB ed esadecimali, anche valori HSL (Hue, Saturation, Lightness).
I tre valori da specificare sono:

1. Hue: rappresenta il grado della scala di colore: 0 (0 360) rapprsenta il rosso, 120 il verde, 240 il blu. Valori intermedi indicano le diverse tonalità di questi tre colori.
2. Saturation: è un valore espresso in percentuale: 100%; è il colore pieno.
3. Lightness: è anch’esso un valore percentuale: 0% rappresenta il valore più scuro (nero), 100% il più chiaro (bianco) e 50% il valore medio.

HSL fornisce, quindi, un ampio spettro di colori e sfumature disponibili.
Attualmente questa proprietà è supportata da Opera 9.5, Safari 3, Google Chrome e Firefox.
Ecco un esempio:

Ed il CSS utilizzato nel primo caso è:

Mentre nel secondo caso lo stesso risultato è ottenuto con valori RGB:

La struttura di un sito web è definita dall’Hyper Text Markup Language (HTML), che dopo essere stato letto e processato dal browser, restituisce la pagina web. HTML5 è la nuova versione di HTML e XHTML, attualmente in fase di definizione presso il World Wide Web Consortium. Le specifiche (in corso di definizione) delineano un linguaggio singolare, che punta a risolvere problematiche riscontrate nelle precedenti versioni di HTML e considera le necessità delle applicazioni web, campo non adeguatamente valutato in passato.

Questo articolo è inteso come un approccio all’HTML5, e la prima cosa che possiamo fare, per prepararci a questo linguaggio di markup, è vedere come altri designers lo stanno già utilizzando. Per questo motivo di seguito sono proposti una serie di siti web che utilizzano elementi caratteristici dell’HTML5 e quindi ci permettono di dare un primo sguardo al codice.

• 
  URL: http://www.canarygraphics.jp/
• 
  URL: http://elvery.net/drzax/
• 
  URL: http://ascottmccauley.com/
• 
  URL: http://www.joffeedesign.com/
• 
  URL: http://www.stompfrog.co.uk/
• 
  URL: http://mirrortheworld.de/wordpress/
• 
  URL: http://www.frojd.se/
• 
  URL: http://waffle.wootest.net/
• 
  URL: http://www.aircolor.org/
• 
  URL: http://celinebakshi.co.uk/
• 
  URL: http://pontisgroupbookings.co.uk/
• 
  URL: http://movies.arjaneising.nl/rubiks-cube/
• 
  URL: http://www.nicholsandlea.co.uk/
• 
  URL: http://www.twittwoch.de/
• 
  URL: http://shapeshed.github.com/
• 
  URL: http://resume.chuckharmston.com/
• 
  URL: http://www.sushimonstr.com/
• 
  URL: http://karrun.co.uk/
• 
  URL: http://www.designinsocial.com/