1 layer at (0,0) size 785x1243
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1243
4 RenderBlock {HTML} at (0,0) size 785x1242.50
5 RenderBody {BODY} at (8,8) size 769x1213.06
6 RenderBlock {H1} at (0,0) size 769x32 [color=#FF0000]
7 RenderText {#text} at (0,0) size 525x32
8 text run at (0,0) width 525: "This should be red: hsl(0, 100%, 50%)"
9 RenderBlock {H1} at (0,53.44) size 769x32 [color=#00FF00]
10 RenderText {#text} at (0,0) size 587x32
11 text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
12 RenderBlock {H1} at (0,106.88) size 769x32 [color=#00FFFF]
13 RenderText {#text} at (0,0) size 578x32
14 text run at (0,0) width 578: "This should be aqua: hsl(180, 100%, 50%)"
15 RenderBlock {H1} at (0,160.31) size 769x32 [color=#0000FF]
16 RenderText {#text} at (0,0) size 570x32
17 text run at (0,0) width 570: "This should be blue: hsl(240, 100%, 50%)"
18 RenderBlock {H1} at (0,213.75) size 769x32 [color=#7FFF7F]
19 RenderText {#text} at (0,0) size 657x32
20 text run at (0,0) width 657: "This should be light green: hsl(120, 100%, 75%)"
21 RenderBlock {H1} at (0,267.19) size 769x32 [color=#007F00]
22 RenderText {#text} at (0,0) size 661x32
23 text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
24 RenderBlock {H1} at (0,320.63) size 769x32 [color=#3FBF3F]
25 RenderText {#text} at (0,0) size 659x32
26 text run at (0,0) width 659: "This should be pastel green: hsl(120, 50%, 50%)"
27 RenderBlock (anonymous) at (0,374.06) size 769x32
28 RenderInline {B} at (0,0) size 142x16
29 RenderText {#text} at (0,0) size 142x16
30 text run at (0,0) width 142: "Out of bounds cases:"
31 RenderBR {BR} at (141,12) size 1x0
32 RenderText {#text} at (0,16) size 412x16
33 text run at (0,16) width 412: "Check percentages larger than 100%, should be limited to 100%"
34 RenderBlock {H1} at (0,427.50) size 769x32 [color=#00FF00]
35 RenderText {#text} at (0,0) size 587x32
36 text run at (0,0) width 587: "This should be green: hsl(120, 100%, 50%)"
37 RenderBlock {H1} at (0,480.94) size 769x32 [color=#00FF00]
38 RenderText {#text} at (0,0) size 638x32
39 text run at (0,0) width 638: "This should be green too: hsl(120, 200%, 50%)"
40 RenderBlock (anonymous) at (0,534.38) size 769x16
41 RenderText {#text} at (0,0) size 480x16
42 text run at (0,0) width 480: "Check percentages less than 0% (negative values), should be limited to 0%"
43 RenderBlock {H1} at (0,571.81) size 769x32 [color=#7F7F7F]
44 RenderText {#text} at (0,0) size 539x32
45 text run at (0,0) width 539: "This should be grey: hsl(120, 0%, 50%)"
46 RenderBlock {H1} at (0,625.25) size 769x32 [color=#7F7F7F]
47 RenderText {#text} at (0,0) size 641x32
48 text run at (0,0) width 641: "This should be grey, too: hsl(120, -100%, 50%)"
49 RenderBlock (anonymous) at (0,678.69) size 769x32
50 RenderText {#text} at (0,0) size 765x32
51 text run at (0,0) width 765: "Check Hue values that are larger than 360, should be normalized back to a value between 0 and 360. As Hue values are"
52 text run at (0,16) width 461: "in degrees, there is no maximum like percentages, they are loop around."
53 RenderBlock {H1} at (0,732.13) size 769x32 [color=#007F00]
54 RenderText {#text} at (0,0) size 661x32
55 text run at (0,0) width 661: "This should be dark green: hsl(120, 100%, 25%)"
56 RenderBlock {H1} at (0,785.56) size 769x32 [color=#007F00]
57 RenderText {#text} at (0,0) size 720x32
58 text run at (0,0) width 720: "This should be dark green, too: hsl(480, 100%, 25%)"
59 RenderBlock (anonymous) at (0,839) size 769x16
60 RenderText {#text} at (0,0) size 261x16
61 text run at (0,0) width 261: "Check Hue values with a negative angle."
62 RenderBlock {H1} at (0,876.44) size 769x32 [color=#7FFF7F]
63 RenderText {#text} at (0,0) size 657x32
64 text run at (0,0) width 657: "This should be light green: hsl(120, 100%, 75%)"
65 RenderBlock {H1} at (0,929.88) size 769x32 [color=#7FFF7F]
66 RenderText {#text} at (0,0) size 727x32
67 text run at (0,0) width 727: "This should be light green, too: hsl(-240, 100%, 75%)"
68 RenderBlock {H1} at (0,983.31) size 769x32 [color=#7FFF7F]
69 RenderText {#text} at (0,0) size 727x32
70 text run at (0,0) width 727: "This should be light green, too: hsl(-600, 100%, 75%)"
71 RenderBlock (anonymous) at (0,1036.75) size 769x16
72 RenderText {#text} at (0,0) size 300x16
73 text run at (0,0) width 300: "Check Hues values with a floating point angle."
74 RenderBlock {H1} at (0,1074.19) size 769x32 [color=#FF0000]
75 RenderText {#text} at (0,0) size 549x32
76 text run at (0,0) width 549: "This should be red: hsl(0.0, 100%, 50%)"
77 RenderBlock {H1} at (0,1127.63) size 769x32 [color=#00FF00]
78 RenderText {#text} at (0,0) size 627x32
79 text run at (0,0) width 627: "This should be green: hsl(120.00, 100%, 50%)"
80 RenderBlock {H1} at (0,1181.06) size 769x32 [color=#0000FF]
81 RenderText {#text} at (0,0) size 626x32
82 text run at (0,0) width 626: "This should be blue: hsl(240.000, 100%, 50%)"