Beispielpalette von 3564 hsl-kodierten Farben

Einen Aus­schnitt mit 3564 Far­ben des HSL-­Farb­raumes zeigt die fol­gen­de Tabel­le. Die Basis zu den dar­gestell­ten Far­ben bilden 36 Farb­töne, welche be­gin­nend bei Rot mit einem hue (Farbton) von 0 in Stu­fen von 10 über den gesam­ten Farb­kreis bis hin zu einem schwach bläu­lichen rot mit einem hue von 350 führen. Die Tabel­le ist so auf­ge­baut, dass für einen Farb­ton inner­halb einer Zeile die Hel­lig­keit von 10% auf 90% zu­nimmt - 0% Hel­lig­keit er­gibt schwarz, 100% Hel­lig­keit ergibt in jedem Falle weiß. Für den vor­ge­ge­be­nen Farb­ton nimmt zusätz­lich die Sät­ti­gung von Zeile zu Zeile zu. Hier­bei ergibt eine Sät­ti­gung von 0% einen reinen Grau­ton.

In den ein­zelnen Zellen sind die ent­spre­chen­den Werte wie neben­stehen­des Bei­spiel zeigt, an­gege­ben. Der Buch­stabe h steht für hue, also den Farb­ton, s steht für satu­ration, Sät­ti­gung, und l steht für light­ness, die Hel­lig­keit. Der in der Ab­bil­dung ge­zeigte Farb­ton be­sitzt einen hue von 300, liegt somit genau zwi­schen Blau (240) und Rot (360=0). Außer­dem hat er eine Sät­ti­gung von 100%, ist also ein rei­ner Farb­ton ohne Grau­an­teil und hat eine Hel­lig­keit von 50%, ist also weder auf­ge­hellt noch ab­ge­dun­kelt. Seine ent­spre­chen­de rgb-­Kodie­rung würde lauten rgb(255,0,255) bzw. #FF00FF oder pro­zen­tual aus­ge­drückt rgb(100%,0,100%). Auf der Seite Transformierung von Farbkodierungen kannst Du auch die unter­schied­lich­sten Farb­kodie­rungen inein­ander umwan­deln.

HSL-Farbwerte sind mit dem CSS3 Color Module eingeführt worden. Bisher werden diese Werte nur von auf dem Gecko-Engine basierenden Browsern wie Mozilla, Firebird/fox usw., erkannt. Aus diesem Grunde ist es angebracht, bei Verwendung eines anderen Browsers wie Opera oder Internet Explorer die HSL-Palette mit der Darstellungsmethode Bild zu betrachten. Da das Bild jedoch sehr groß (480px * 17.420px - 960kB) ist, muss bei ISDN- und insbesonders Modemverbindung mit einer längeren Downloadzeit gerechnet werden.