1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderSVGRoot {svg} at (0,0) size 800x600
5 RenderSVGHiddenContainer {defs} at (0,0) size 0x0
6 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0
7 RenderSVGPath {line} at (0,0) size 2x8 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
8 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker1_hueGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
9 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF0000]
10 RenderSVGGradientStop {stop} [offset=0.17] [color=#FFFF00]
11 RenderSVGGradientStop {stop} [offset=0.33] [color=#00FF00]
12 RenderSVGGradientStop {stop} [offset=0.50] [color=#00FFFF]
13 RenderSVGGradientStop {stop} [offset=0.67] [color=#0000FF]
14 RenderSVGGradientStop {stop} [offset=0.83] [color=#FF00FF]
15 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
16 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker1_satGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
17 RenderSVGGradientStop {stop} [offset=0.00] [color=#FFFFFF]
18 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FF00]
19 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker1_valGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
20 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000]
21 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FF00]
22 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker1_alphaGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
23 RenderSVGGradientStop {stop} [offset=0.00] [color=#00FF0000]
24 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FF00]
25 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker2_hueGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
26 RenderSVGGradientStop {stop} [offset=0.00] [color=#80FF00]
27 RenderSVGGradientStop {stop} [offset=0.20] [color=#00FF00]
28 RenderSVGGradientStop {stop} [offset=0.40] [color=#00FF80]
29 RenderSVGGradientStop {stop} [offset=0.60] [color=#00FFFF]
30 RenderSVGGradientStop {stop} [offset=0.80] [color=#0080FF]
31 RenderSVGGradientStop {stop} [offset=1.00] [color=#0000FF]
32 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker2_satGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
33 RenderSVGGradientStop {stop} [offset=0.00] [color=#FFFFFF]
34 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FFFF]
35 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker2_alphaGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
36 RenderSVGGradientStop {stop} [offset=0.00] [color=#00FFFF00]
37 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FFFF]
38 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker3_hueGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
39 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF0000]
40 RenderSVGGradientStop {stop} [offset=0.17] [color=#FF8000]
41 RenderSVGGradientStop {stop} [offset=0.33] [color=#FFFF00]
42 RenderSVGGradientStop {stop} [offset=0.50] [color=#80FF00]
43 RenderSVGGradientStop {stop} [offset=0.67] [color=#00FF00]
44 RenderSVGGradientStop {stop} [offset=0.83] [color=#00FF80]
45 RenderSVGGradientStop {stop} [offset=1.00] [color=#00FFFF]
46 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker3_satGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
47 RenderSVGGradientStop {stop} [offset=0.00] [color=#FFFFFF]
48 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
49 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker3_valGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
50 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000]
51 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
52 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker4_hueGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
53 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF0000]
54 RenderSVGGradientStop {stop} [offset=0.17] [color=#FFFF00]
55 RenderSVGGradientStop {stop} [offset=0.33] [color=#00FF00]
56 RenderSVGGradientStop {stop} [offset=0.50] [color=#00FFFF]
57 RenderSVGGradientStop {stop} [offset=0.67] [color=#0000FF]
58 RenderSVGGradientStop {stop} [offset=0.83] [color=#FF00FF]
59 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
60 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker4_satGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
61 RenderSVGGradientStop {stop} [offset=0.00] [color=#787878]
62 RenderSVGGradientStop {stop} [offset=1.00] [color=#780000]
63 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker4_valGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
64 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000]
65 RenderSVGGradientStop {stop} [offset=1.00] [color=#FFFFFF]
66 RenderSVGResourceLinearGradient {linearGradient} [id="colourPicker4_alphaGradient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
67 RenderSVGGradientStop {stop} [offset=0.00] [color=#78787800]
68 RenderSVGGradientStop {stop} [offset=1.00] [color=#787878]
69 RenderSVGRect {rect} at (0,0) size 800x600 [fill={[type=SOLID] [color=#FFFFFF]}] [x=-2000.00] [y=-2000.00] [width=6000.00] [height=6000.00]
70 RenderSVGContainer {g} at (156,156) size 626x329
71 RenderSVGContainer {g} at (156,312) size 235x95
72 RenderSVGRect {rect} at (156,312) size 235x95 [fill={[type=SOLID] [color=#DCDCDC]}] [x=200.00] [y=400.00] [width=300.00] [height=120.00]
73 RenderSVGRect {rect} at (165,321) size 156x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_hueGradient"]}] [x=212.00] [y=411.85] [width=198.00] [height=7.50]
74 RenderSVGPath {line} at (159,318) size 168x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=212.00] [y1=415.60] [x2=410.00] [y2=415.60]
75 RenderSVGPath {line} at (0,0) size 0x0 [x1=212.00] [y1=415.60] [x2=410.00] [y2=415.60]
76 RenderSVGContainer {use} at (215,316) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(278.00,415.60)}]
77 RenderSVGViewportContainer {svg} at (215,316) size 5x17
78 RenderSVGPath {line} at (215,316) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
79 RenderSVGText {text} at (416,409) size 74x14 contains 1 chunk(s)
80 RenderSVGInlineText {#text} at (0,0) size 74x13
81 chunk 1 text run 1 at (416.00,420.10) startOffset 0 endOffset 13 width 73.59: "Hue (0\x{B0}-360\x{B0})"
82 RenderSVGRect {rect} at (186,351) size 42x35 [stroke={[type=SOLID] [color=#000000] [opacity=0.70] [stroke width=7.50]}] [x=242.00] [y=454.00] [width=45.00] [height=36.00]
83 RenderSVGRect {rect} at (165,340) size 36x29 [fill={[type=SOLID] [color=#00FF00]}] [x=212.00] [y=436.00] [width=45.00] [height=36.00]
84 RenderSVGRect {rect} at (235,340) size 86x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [height=7.50]
85 RenderSVGPath {line} at (230,337) size 97x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=439.60] [x2=410.00] [y2=439.60]
86 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=439.60] [x2=410.00] [y2=439.60]
87 RenderSVGContainer {use} at (318,335) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,439.60)}]
88 RenderSVGViewportContainer {svg} at (318,335) size 5x17
89 RenderSVGPath {line} at (318,335) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
90 RenderSVGText {text} at (416,433) size 77x14 contains 1 chunk(s)
91 RenderSVGInlineText {#text} at (0,0) size 77x13
92 chunk 1 text run 1 at (416.00,444.10) startOffset 0 endOffset 14 width 76.66: "Saturation (%)"
93 RenderSVGRect {rect} at (235,359) size 86x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [height=7.50]
94 RenderSVGPath {line} at (230,356) size 97x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=463.60] [x2=410.00] [y2=463.60]
95 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=463.60] [x2=410.00] [y2=463.60]
96 RenderSVGContainer {use} at (318,354) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,463.60)}]
97 RenderSVGViewportContainer {svg} at (318,354) size 5x16
98 RenderSVGPath {line} at (318,354) size 5x16 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
99 RenderSVGText {text} at (416,457) size 53x14 contains 1 chunk(s)
100 RenderSVGInlineText {#text} at (0,0) size 53x13
101 chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 width 52.66: "Value (%)"
102 RenderSVGRect {rect} at (235,378) size 86x6 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.00] [height=7.50]
103 RenderSVGPath {line} at (230,375) size 97x12 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=487.60] [x2=410.00] [y2=487.60]
104 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=487.60] [x2=410.00] [y2=487.60]
105 RenderSVGContainer {use} at (318,373) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,487.60)}]
106 RenderSVGViewportContainer {svg} at (318,373) size 5x16
107 RenderSVGPath {line} at (318,373) size 5x16 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
108 RenderSVGText {text} at (416,481) size 63x14 contains 1 chunk(s)
109 RenderSVGInlineText {#text} at (0,0) size 63x13
110 chunk 1 text run 1 at (416.00,492.10) startOffset 0 endOffset 11 width 62.64: "Opacity (%)"
111 RenderSVGText {text} at (212,503) size 241x14 contains 1 chunk(s)
112 RenderSVGInlineText {#text} at (0,0) size 241x13
113 chunk 1 text run 1 at (212.00,514.00) startOffset 0 endOffset 40 width 240.04: "RGBA: 0,255,0,100; HSVA: 120,100,100,100"
114 RenderSVGContainer {g} at (390,156) size 235x79
115 RenderSVGRect {rect} at (390,156) size 235x79 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=100.00]
116 RenderSVGRect {rect} at (400,163) size 155x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_hueGradient"]}] [x=512.00] [y=209.25] [width=198.00] [height=7.50]
117 RenderSVGPath {line} at (394,160) size 167x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=213.00] [x2=710.00] [y2=213.00]
118 RenderSVGPath {line} at (0,0) size 0x0 [x1=512.00] [y1=213.00] [x2=710.00] [y2=213.00]
119 RenderSVGContainer {use} at (398,158) size 4x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(512.00,213.00)}]
120 RenderSVGViewportContainer {svg} at (398,158) size 4x17
121 RenderSVGPath {line} at (398,158) size 4x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
122 RenderSVGText {text} at (716,207) size 74x14 contains 1 chunk(s)
123 RenderSVGInlineText {#text} at (0,0) size 74x13
124 chunk 1 text run 1 at (716.00,217.50) startOffset 0 endOffset 13 width 73.59: "Hue (0\x{B0}-180\x{B0})"
125 RenderSVGRect {rect} at (420,188) size 42x30 [stroke={[type=SOLID] [color=#787878] [stroke width=7.50]}] [x=542.00] [y=245.00] [width=45.00] [height=30.00]
126 RenderSVGRect {rect} at (400,179) size 36x25 [fill={[type=SOLID] [color=#FF0000]}] [x=512.00] [y=230.00] [width=45.00] [height=30.00]
127 RenderSVGRect {rect} at (470,184) size 85x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [height=7.50]
128 RenderSVGPath {line} at (464,181) size 97x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=239.67] [x2=710.00] [y2=239.67]
129 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=239.67] [x2=710.00] [y2=239.67]
130 RenderSVGContainer {use} at (552,179) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,239.67)}]
131 RenderSVGViewportContainer {svg} at (552,179) size 5x17
132 RenderSVGPath {line} at (552,179) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
133 RenderSVGText {text} at (716,233) size 77x14 contains 1 chunk(s)
134 RenderSVGInlineText {#text} at (0,0) size 77x13
135 chunk 1 text run 1 at (716.00,244.17) startOffset 0 endOffset 14 width 76.66: "Saturation (%)"
136 RenderSVGRect {rect} at (470,205) size 85x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [height=7.50]
137 RenderSVGPath {line} at (464,202) size 97x12 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=266.33] [x2=710.00] [y2=266.33]
138 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=266.33] [x2=710.00] [y2=266.33]
139 RenderSVGContainer {use} at (552,200) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,266.33)}]
140 RenderSVGViewportContainer {svg} at (552,200) size 5x16
141 RenderSVGPath {line} at (552,200) size 5x16 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
142 RenderSVGText {text} at (716,260) size 53x14 contains 1 chunk(s)
143 RenderSVGInlineText {#text} at (0,0) size 53x13
144 chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 width 52.66: "Value (%)"
145 RenderSVGText {text} at (512,284) size 227x14 contains 1 chunk(s)
146 RenderSVGInlineText {#text} at (0,0) size 227x13
147 chunk 1 text run 1 at (512.00,295.00) startOffset 0 endOffset 38 width 226.70: "RGBA: 255,0,0,100; HSVA: 0,100,100,100"
148 RenderSVGContainer {g} at (546,390) size 236x95
149 RenderSVGRect {rect} at (546,390) size 236x95 [fill={[type=SOLID] [color=#DCDCDC]}] [x=700.00] [y=500.00] [width=300.00] [height=120.00]
150 RenderSVGRect {rect} at (556,399) size 155x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_hueGradient"]}] [x=712.00] [y=511.85] [width=198.00] [height=7.50]
151 RenderSVGPath {line} at (550,396) size 167x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=712.00] [y1=515.60] [x2=910.00] [y2=515.60]
152 RenderSVGPath {line} at (0,0) size 0x0 [x1=712.00] [y1=515.60] [x2=910.00] [y2=515.60]
153 RenderSVGContainer {use} at (554,394) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(712.00,515.60)}]
154 RenderSVGViewportContainer {svg} at (554,394) size 5x17
155 RenderSVGPath {line} at (554,394) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
156 RenderSVGText {text} at (916,509) size 74x14 contains 1 chunk(s)
157 RenderSVGInlineText {#text} at (0,0) size 74x13
158 chunk 1 text run 1 at (916.00,520.10) startOffset 0 endOffset 13 width 73.59: "Hue (0\x{B0}-360\x{B0})"
159 RenderSVGRect {rect} at (553,415) size 42x35 [stroke={[type=SOLID] [color=#787878] [stroke width=7.50]}] [x=712.00] [y=536.00] [width=45.00] [height=36.00]
160 RenderSVGRect {rect} at (603,418) size 108x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_satGradient"]}] [x=772.00] [y=535.85] [width=138.00] [height=7.50]
161 RenderSVGPath {line} at (597,415) size 120x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=539.60] [x2=910.00] [y2=539.60]
162 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=539.60] [x2=910.00] [y2=539.60]
163 RenderSVGContainer {use} at (601,413) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(772.00,539.60)}]
164 RenderSVGViewportContainer {svg} at (601,413) size 5x17
165 RenderSVGPath {line} at (601,413) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
166 RenderSVGText {text} at (916,533) size 77x14 contains 1 chunk(s)
167 RenderSVGInlineText {#text} at (0,0) size 77x13
168 chunk 1 text run 1 at (916.00,544.10) startOffset 0 endOffset 14 width 76.66: "Saturation (%)"
169 RenderSVGRect {rect} at (603,437) size 108x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_valGradient"]}] [x=772.00] [y=559.85] [width=138.00] [height=7.50]
170 RenderSVGPath {line} at (597,434) size 120x13 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=563.60] [x2=910.00] [y2=563.60]
171 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=563.60] [x2=910.00] [y2=563.60]
172 RenderSVGContainer {use} at (651,432) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(836.86,563.60)}]
173 RenderSVGViewportContainer {svg} at (651,432) size 5x17
174 RenderSVGPath {line} at (651,432) size 5x17 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
175 RenderSVGText {text} at (916,557) size 53x14 contains 1 chunk(s)
176 RenderSVGInlineText {#text} at (0,0) size 53x13
177 chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 width 52.66: "Value (%)"
178 RenderSVGRect {rect} at (603,456) size 108x6 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_alphaGradient"]}] [x=772.00] [y=583.85] [width=138.00] [height=7.50]
179 RenderSVGPath {line} at (597,453) size 120x12 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=587.60] [x2=910.00] [y2=587.60]
180 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=587.60] [x2=910.00] [y2=587.60]
181 RenderSVGContainer {use} at (708,451) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(910.00,587.60)}]
182 RenderSVGViewportContainer {svg} at (708,451) size 5x16
183 RenderSVGPath {line} at (708,451) size 5x16 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
184 RenderSVGText {text} at (916,581) size 63x14 contains 1 chunk(s)
185 RenderSVGInlineText {#text} at (0,0) size 63x13
186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 width 62.64: "Opacity (%)"
187 RenderSVGText {text} at (712,603) size 234x14 contains 1 chunk(s)
188 RenderSVGInlineText {#text} at (0,0) size 234x13
189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 width 233.37: "RGBA: 120,120,120,100; HSVA: 0,0,47,100"
190 RenderSVGContainer {g} at (81,63) size 263x263 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,-400.00)}]
191 RenderSVGRect {rect} at (104,63) size 239x238 [fill={[type=SOLID] [color=#00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00]
192 RenderSVGText {text} at (500,305) size 312x39 contains 1 chunk(s)
193 RenderSVGInlineText {#text} at (0,0) size 291x18
194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width 290.80: "This colourPicker has a callBack function"
195 RenderSVGTSpan {tspan} at (0,0) size 312x19
196 RenderSVGInlineText {#text} at (0,19) size 312x18
197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 width 311.33: "attached that changes the background color"
198 RenderSVGContainer {g} at (116,74) size 216x216
199 RenderSVGRect {rect} at (116,74) size 216x216 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00]
200 RenderSVGRect {rect} at (163,85) size 115x114 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00] [height=7.50]
201 RenderSVGPath {line} at (157,79) size 127x126 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=211.70] [x2=710.00] [y2=211.70]
202 RenderSVGPath {line} at (165,87) size 111x110 [x1=512.00] [y1=211.70] [x2=710.00] [y2=211.70]
203 RenderSVGContainer {use} at (224,146) size 15x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(630.80,211.70)}]
204 RenderSVGViewportContainer {svg} at (224,146) size 15x14
205 RenderSVGPath {line} at (224,146) size 15x14 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
206 RenderSVGText {text} at (716,205) size 81x14 contains 1 chunk(s)
207 RenderSVGInlineText {#text} at (0,0) size 81x13
208 chunk 1 text run 1 at (716.00,216.20) startOffset 0 endOffset 14 width 80.26: "Hue (90\x{B0}-240\x{B0})"
209 RenderSVGRect {rect} at (142,95) size 41x41 [fill={[type=SOLID] [color=#00FFFF] [opacity=0.50]}] [x=512.00] [y=227.00] [width=45.00] [height=27.00]
210 RenderSVGRect {rect} at (183,131) size 82x82 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_satGradient"]}] [x=572.00] [y=231.95] [width=138.00] [height=7.50]
211 RenderSVGPath {line} at (177,125) size 94x94 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=235.70] [x2=710.00] [y2=235.70]
212 RenderSVGPath {line} at (185,133) size 78x77 [x1=572.00] [y1=235.70] [x2=710.00] [y2=235.70]
213 RenderSVGContainer {use} at (255,203) size 14x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,235.70)}]
214 RenderSVGViewportContainer {svg} at (255,203) size 14x14
215 RenderSVGPath {line} at (255,203) size 14x14 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
216 RenderSVGText {text} at (716,229) size 77x14 contains 1 chunk(s)
217 RenderSVGInlineText {#text} at (0,0) size 77x13
218 chunk 1 text run 1 at (716.00,240.20) startOffset 0 endOffset 14 width 76.66: "Saturation (%)"
219 RenderSVGRect {rect} at (170,144) size 81x82 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_alphaGradient"]}] [x=572.00] [y=255.95] [width=138.00] [height=7.50]
220 RenderSVGPath {line} at (164,138) size 94x94 [stroke={[type=SOLID] [color=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type=SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=259.70] [x2=710.00] [y2=259.70]
221 RenderSVGPath {line} at (172,146) size 77x78 [x1=572.00] [y1=259.70] [x2=710.00] [y2=259.70]
222 RenderSVGContainer {use} at (203,178) size 15x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(641.00,259.70)}]
223 RenderSVGViewportContainer {svg} at (203,178) size 15x14
224 RenderSVGPath {line} at (203,178) size 15x14 [stroke={[type=SOLID] [color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=-10.00] [x2=0.00] [y2=10.00]
225 RenderSVGText {text} at (716,253) size 63x14 contains 1 chunk(s)
226 RenderSVGInlineText {#text} at (0,0) size 63x13
227 chunk 1 text run 1 at (716.00,264.20) startOffset 0 endOffset 11 width 62.64: "Opacity (%)"
228 RenderSVGText {text} at (512,275) size 241x14 contains 1 chunk(s)
229 RenderSVGInlineText {#text} at (0,0) size 241x13
230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 width 240.04: "RGBA: 0,255,255,50; HSVA: 180,100,100,50"
231 RenderSVGContainer {g} at (389,132) size 288x274
232 RenderSVGContainer {g} at (397,344) size 89x18
233 RenderSVGRect {rect} at (397,344) size 87x17 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00]
234 RenderSVGRect {rect} at (399,346) size 87x16 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00]
235 RenderSVGRect {rect} at (398,345) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00]
236 RenderSVGText {text} at (516,447) size 98x13 contains 1 chunk(s)
237 RenderSVGTSpan {tspan} at (0,0) size 97x13
238 RenderSVGInlineText {#text} at (0,0) size 97x13
239 chunk 1 (middle anchor) text run 1 at (516.67,457.40) startOffset 0 endOffset 17 width 96.65: "Hide ColourPicker"
240 RenderSVGContainer {g} at (397,366) size 89x18
241 RenderSVGRect {rect} at (397,366) size 87x17 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00]
242 RenderSVGRect {rect} at (399,367) size 87x17 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00]
243 RenderSVGRect {rect} at (398,367) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00]
244 RenderSVGText {text} at (522,475) size 86x13 contains 1 chunk(s)
245 RenderSVGTSpan {tspan} at (0,0) size 86x13
246 RenderSVGInlineText {#text} at (0,0) size 86x13
247 chunk 1 (middle anchor) text run 1 at (522.34,485.40) startOffset 0 endOffset 15 width 85.32: "Set Random Fill"
248 RenderSVGContainer {g} at (397,388) size 89x18
249 RenderSVGRect {rect} at (397,388) size 87x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00]
250 RenderSVGRect {rect} at (399,389) size 87x17 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00]
251 RenderSVGRect {rect} at (398,389) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00]
252 RenderSVGText {text} at (512,503) size 106x13 contains 1 chunk(s)
253 RenderSVGTSpan {tspan} at (0,0) size 105x13
254 RenderSVGInlineText {#text} at (0,0) size 105x13
255 chunk 1 (middle anchor) text run 1 at (512.67,513.40) startOffset 0 endOffset 17 width 104.66: "Set Random Stroke"
256 RenderSVGContainer {g} at (389,132) size 144x18
257 RenderSVGRect {rect} at (389,132) size 142x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00]
258 RenderSVGRect {rect} at (391,133) size 142x17 [fill={[type=SOLID] [color=#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00]
259 RenderSVGRect {rect} at (390,132) size 142x17 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00]
260 RenderSVGText {text} at (505,175) size 170x13 contains 1 chunk(s)
261 RenderSVGTSpan {tspan} at (0,0) size 170x13
262 RenderSVGInlineText {#text} at (0,0) size 170x13
263 chunk 1 (middle anchor) text run 1 at (505.35,185.40) startOffset 0 endOffset 29 width 169.30: "Randomly Resize Colour Picker"
264 RenderSVGContainer {g} at (534,132) size 143x18
265 RenderSVGRect {rect} at (534,132) size 141x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00]
266 RenderSVGRect {rect} at (535,133) size 142x17 [fill={[type=SOLID] [color=#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00]
267 RenderSVGRect {rect} at (535,132) size 141x17 [fill={[type=SOLID] [color=#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00]
268 RenderSVGText {text} at (694,175) size 162x13 contains 1 chunk(s)
269 RenderSVGTSpan {tspan} at (0,0) size 162x13
270 RenderSVGInlineText {#text} at (0,0) size 162x13
271 chunk 1 (middle anchor) text run 1 at (694.01,185.40) startOffset 0 endOffset 27 width 161.97: "Randomly Move Colour Picker"
272 RenderSVGContainer {g} at (358,389) size 22x15
273 RenderSVGRect {rect} at (358,389) size 21x13 [fill={[type=SOLID] [color=#FFFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00]
274 RenderSVGRect {rect} at (360,390) size 20x14 [fill={[type=SOLID] [color=#696969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00]
275 RenderSVGRect {rect} at (359,389) size 20x14 [fill={[type=SOLID] [color=#DCDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00]
276 RenderSVGText {text} at (463,502) size 19x13 contains 1 chunk(s)
277 RenderSVGTSpan {tspan} at (0,0) size 18x13
278 RenderSVGInlineText {#text} at (0,0) size 18x13
279 chunk 1 (middle anchor) text run 1 at (463.84,512.40) startOffset 0 endOffset 2 width 17.33: "OK"