| layer at (0,0) size 785x1341 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1341 |
| RenderBlock {HTML} at (0,0) size 785x1341 |
| RenderBody {BODY} at (8,8) size 769x1312 |
| RenderBlock {H1} at (0,0) size 769x37 [color=#FF0000] |
| RenderText {#text} at (0,0) size 525x37 |
| text run at (0,0) width 525: "This should be red: hsl(0, 100%, 50%)" |
| RenderBlock {H1} at (0,58) size 769x37 [color=#00FF00] |
| RenderText {#text} at (0,0) size 587x37 |
| text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)" |
| RenderBlock {H1} at (0,116) size 769x37 [color=#00FFFF] |
| RenderText {#text} at (0,0) size 579x37 |
| text run at (0,0) width 579: "This should be aqua: hsl(180, 100%, 50%)" |
| RenderBlock {H1} at (0,174) size 769x37 [color=#0000FF] |
| RenderText {#text} at (0,0) size 570x37 |
| text run at (0,0) width 570: "This should be blue: hsl(240, 100%, 50%)" |
| RenderBlock {H1} at (0,232) size 769x37 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 658x37 |
| text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)" |
| RenderBlock {H1} at (0,290) size 769x37 [color=#007F00] |
| RenderText {#text} at (0,0) size 661x37 |
| text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)" |
| RenderBlock {H1} at (0,348) size 769x37 [color=#3FBF3F] |
| RenderText {#text} at (0,0) size 659x37 |
| text run at (0,0) width 659: "This should be pastel green: hsl(120, 50%, 50%)" |
| RenderBlock (anonymous) at (0,406) size 769x36 |
| RenderInline {B} at (0,0) size 140x18 |
| RenderText {#text} at (0,0) size 140x18 |
| text run at (0,0) width 140: "Out of bounds cases:" |
| RenderBR {BR} at (140,14) size 0x0 |
| RenderText {#text} at (0,18) size 404x18 |
| text run at (0,18) width 404: "Check percentages larger than 100%, should be limited to 100%" |
| RenderBlock {H1} at (0,463) size 769x37 [color=#00FF00] |
| RenderText {#text} at (0,0) size 587x37 |
| text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)" |
| RenderBlock {H1} at (0,521) size 769x37 [color=#00FF00] |
| RenderText {#text} at (0,0) size 638x37 |
| text run at (0,0) width 638: "This should be green too: hsl(120, 200%, 50%)" |
| RenderBlock (anonymous) at (0,579) size 769x18 |
| RenderText {#text} at (0,0) size 470x18 |
| text run at (0,0) width 470: "Check percentages less than 0% (negative values), should be limited to 0%" |
| RenderBlock {H1} at (0,618) size 769x37 [color=#7F7F7F] |
| RenderText {#text} at (0,0) size 539x37 |
| text run at (0,0) width 539: "This should be grey: hsl(120, 0%, 50%)" |
| RenderBlock {H1} at (0,676) size 769x37 [color=#7F7F7F] |
| RenderText {#text} at (0,0) size 641x37 |
| text run at (0,0) width 641: "This should be grey, too: hsl(120, -100%, 50%)" |
| RenderBlock (anonymous) at (0,734) size 769x36 |
| RenderText {#text} at (0,0) size 755x36 |
| text run at (0,0) width 755: "Check Hue values that are larger than 360, should be normalized back to a value between 0 and 360. As Hue values are" |
| text run at (0,18) width 451: "in degrees, there is no maximum like percentages, they are loop around." |
| RenderBlock {H1} at (0,791) size 769x37 [color=#007F00] |
| RenderText {#text} at (0,0) size 661x37 |
| text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)" |
| RenderBlock {H1} at (0,849) size 769x37 [color=#007F00] |
| RenderText {#text} at (0,0) size 720x37 |
| text run at (0,0) width 720: "This should be dark green, too: hsl(480, 100%, 25%)" |
| RenderBlock (anonymous) at (0,907) size 769x18 |
| RenderText {#text} at (0,0) size 258x18 |
| text run at (0,0) width 258: "Check Hue values with a negative angle." |
| RenderBlock {H1} at (0,946) size 769x37 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 658x37 |
| text run at (0,0) width 658: "This should be light green: hsl(120, 100%, 75%)" |
| RenderBlock {H1} at (0,1004) size 769x37 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 728x37 |
| text run at (0,0) width 728: "This should be light green, too: hsl(-240, 100%, 75%)" |
| RenderBlock {H1} at (0,1062) size 769x37 [color=#7FFF7F] |
| RenderText {#text} at (0,0) size 728x37 |
| text run at (0,0) width 728: "This should be light green, too: hsl(-600, 100%, 75%)" |
| RenderBlock (anonymous) at (0,1120) size 769x18 |
| RenderText {#text} at (0,0) size 295x18 |
| text run at (0,0) width 295: "Check Hues values with a floating point angle." |
| RenderBlock {H1} at (0,1159) size 769x37 [color=#FF0000] |
| RenderText {#text} at (0,0) size 549x37 |
| text run at (0,0) width 549: "This should be red: hsl(0.0, 100%, 50%)" |
| RenderBlock {H1} at (0,1217) size 769x37 [color=#00FF00] |
| RenderText {#text} at (0,0) size 627x37 |
| text run at (0,0) width 627: "This should be green: hsl(120.00, 100%, 50%)" |
| RenderBlock {H1} at (0,1275) size 769x37 [color=#0000FF] |
| RenderText {#text} at (0,0) size 626x37 |
| text run at (0,0) width 626: "This should be blue: hsl(240.000, 100%, 50%)" |