| layer at (0,0) size 800x1296 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x1296 |
| RenderBlock {HTML} at (0,0) size 800x1296 |
| RenderBody {BODY} at (8,8) size 784x1270 |
| RenderBlock {H1} at (0,0) size 784x38 [color=#FF0000] |
| RenderText {#text} at (0,0) size 505x38 |
| text run at (0,0) width 505: "This should be red: hsl(0, 100%, 50%)" |
| RenderBlock {H1} at (0,56) size 784x38 [color=#00FF00] |
| RenderText {#text} at (0,0) size 570x38 |
| text run at (0,0) width 570: "This should be green: hsl(120, 100%, 50%)" |
| RenderBlock {H1} at (0,112) size 784x38 [color=#00FFFF] |
| RenderText {#text} at (0,0) size 559x38 |
| text run at (0,0) width 559: "This should be aqua: hsl(180, 100%, 50%)" |
| RenderBlock {H1} at (0,168) size 784x38 [color=#0000FF] |
| RenderText {#text} at (0,0) size 551x38 |
| text run at (0,0) width 551: "This should be blue: hsl(240, 100%, 50%)" |
| RenderBlock {H1} at (0,224) size 784x38 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 637x38 |
| text run at (0,0) width 637: "This should be light green: hsl(120, 100%, 75%)" |
| RenderBlock {H1} at (0,280) size 784x38 [color=#007F00] |
| RenderText {#text} at (0,0) size 638x38 |
| text run at (0,0) width 638: "This should be dark green: hsl(120, 100%, 25%)" |
| RenderBlock {H1} at (0,336) size 784x38 [color=#3FBF3F] |
| RenderText {#text} at (0,0) size 644x38 |
| text run at (0,0) width 644: "This should be pastel green: hsl(120, 50%, 50%)" |
| RenderBlock (anonymous) at (0,392) size 784x39 |
| RenderInline {B} at (0,0) size 149x20 |
| RenderText {#text} at (0,0) size 149x20 |
| text run at (0,0) width 149: "Out of bounds cases:" |
| RenderBR {BR} at (149,14) size 0x0 |
| RenderText {#text} at (0,20) size 407x19 |
| text run at (0,20) width 407: "Check percentages larger than 100%, should be limited to 100%" |
| RenderBlock {H1} at (0,449) size 784x38 [color=#00FF00] |
| RenderText {#text} at (0,0) size 570x38 |
| text run at (0,0) width 570: "This should be green: hsl(120, 100%, 50%)" |
| RenderBlock {H1} at (0,505) size 784x38 [color=#00FF00] |
| RenderText {#text} at (0,0) size 621x38 |
| text run at (0,0) width 621: "This should be green too: hsl(120, 200%, 50%)" |
| RenderBlock (anonymous) at (0,561) size 784x19 |
| RenderText {#text} at (0,0) size 476x19 |
| text run at (0,0) width 476: "Check percentages less than 0% (negative values), should be limited to 0%" |
| RenderBlock {H1} at (0,598) size 784x38 [color=#7F7F7F] |
| RenderText {#text} at (0,0) size 521x38 |
| text run at (0,0) width 521: "This should be grey: hsl(120, 0%, 50%)" |
| RenderBlock {H1} at (0,654) size 784x38 [color=#7F7F7F] |
| RenderText {#text} at (0,0) size 621x38 |
| text run at (0,0) width 621: "This should be grey, too: hsl(120, -100%, 50%)" |
| RenderBlock (anonymous) at (0,710) size 784x38 |
| RenderText {#text} at (0,0) size 778x38 |
| text run at (0,0) width 778: "Check Hue values that are larger than 360, should be normalized back to a value between 0 and 360. As Hue values are in" |
| text run at (0,19) width 445: "degrees, there is no maximum like percentages, they are loop around." |
| RenderBlock {H1} at (0,766) size 784x38 [color=#007F00] |
| RenderText {#text} at (0,0) size 638x38 |
| text run at (0,0) width 638: "This should be dark green: hsl(120, 100%, 25%)" |
| RenderBlock {H1} at (0,822) size 784x38 [color=#007F00] |
| RenderText {#text} at (0,0) size 697x38 |
| text run at (0,0) width 697: "This should be dark green, too: hsl(480, 100%, 25%)" |
| RenderBlock (anonymous) at (0,878) size 784x19 |
| RenderText {#text} at (0,0) size 257x19 |
| text run at (0,0) width 257: "Check Hue values with a negative angle." |
| RenderBlock {H1} at (0,915) size 784x38 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 637x38 |
| text run at (0,0) width 637: "This should be light green: hsl(120, 100%, 75%)" |
| RenderBlock {H1} at (0,971) size 784x38 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 705x38 |
| text run at (0,0) width 705: "This should be light green, too: hsl(-240, 100%, 75%)" |
| RenderBlock {H1} at (0,1027) size 784x38 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 705x38 |
| text run at (0,0) width 705: "This should be light green, too: hsl(-600, 100%, 75%)" |
| RenderBlock (anonymous) at (0,1083) size 784x19 |
| RenderText {#text} at (0,0) size 291x19 |
| text run at (0,0) width 291: "Check Hues values with a floating point angle." |
| RenderBlock {H1} at (0,1120) size 784x38 [color=#FF0000] |
| RenderText {#text} at (0,0) size 529x38 |
| text run at (0,0) width 529: "This should be red: hsl(0.0, 100%, 50%)" |
| RenderBlock {H1} at (0,1176) size 784x38 [color=#00FF00] |
| RenderText {#text} at (0,0) size 610x38 |
| text run at (0,0) width 610: "This should be green: hsl(120.00, 100%, 50%)" |
| RenderBlock {H1} at (0,1232) size 784x38 [color=#0000FF] |
| RenderText {#text} at (0,0) size 607x38 |
| text run at (0,0) width 607: "This should be blue: hsl(240.000, 100%, 50%)" |