Process URL Path for matching Color Names
This is the Router page for the /router/ directory.
The URL Path will be split into parts using the directory separator /,
and the first 3 parts will be used to List matching Color Names.
Color |
Name |
Hex |
Red |
Green |
Blue |
|
OrangeRed |
#FF4500 |
255 |
69 |
0 |
|
DarkOrange |
#FF8C00 |
255 |
140 |
0 |
|
Orange |
#FFA500 |
255 |
165 |
0 |
|
RosyBrown |
#BC8F8F |
188 |
143 |
143 |
|
SandyBrown |
#F4A460 |
244 |
164 |
96 |
|
SaddleBrown |
#8B4513 |
139 |
69 |
19 |
|
Brown |
#A52A2A |
165 |
42 |
42 |
|
DarkOliveGreen |
#556B2F |
85 |
107 |
47 |
|
YellowGreen |
#9ACD32 |
154 |
205 |
50 |
|
LimeGreen |
#32CD32 |
50 |
205 |
50 |
|
LawnGreen |
#7CFC00 |
124 |
252 |
0 |
|
GreenYellow |
#ADFF2F |
173 |
255 |
47 |
|
SpringGreen |
#00FF7F |
0 |
255 |
127 |
|
MediumSpringGreen |
#00FA9A |
0 |
250 |
154 |
|
LightGreen |
#90EE90 |
144 |
238 |
144 |
|
PaleGreen |
#98FB98 |
152 |
251 |
152 |
|
DarkSeaGreen |
#8FBC8F |
143 |
188 |
143 |
|
MediumSeaGreen |
#3CB371 |
60 |
179 |
113 |
|
SeaGreen |
#2E8B57 |
46 |
139 |
87 |
|
ForestGreen |
#228B22 |
34 |
139 |
34 |
|
Green |
#008000 |
0 |
128 |
0 |
|
DarkGreen |
#006400 |
0 |
100 |
0 |
|
LightSeaGreen |
#20B2AA |
32 |
178 |
170 |
Note: Hashtag Markup is shown below <# in bold #>.
The value generated by processing the Hashtag Markup, and applying any Variable Contexts, is injected into this HTML page after the ⇒ symbol.
<#[system.path as html]#> ⇒ Green/Orange/Brown
<#[system.path_count]#> ⇒ 3
<#[system.path.1 as html]#> ⇒ Green
<#[system.path.2 as html]#> ⇒ Orange
<#[system.path.3 as html]#> ⇒ Brown
Processed this Hashtag Markup:
<# start list for colors;
include when name ~ "<#[system.path.1]#>"
or name ~ "<#[system.path.2]#>" if set
or name ~ "<#[system.path.3]#>" if set;
#>
<# start header #>
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Color</th>
<th>Name</th>
<th>Hex</th>
<th class="text-right">Red</th>
<th class="text-right">Green</th>
<th class="text-right">Blue</th>
</tr>
</thead>
<# end header #>
<# start row #>
<tr>
<td style="background-color:<# hex #>"> </td>
<td><# name #></td>
<td class="monospace"><# hex #></td>
<td class="text-right"><# r #></td>
<td class="text-right"><# g #></td>
<td class="text-right"><# b #></td>
</tr>
<# end row #>
<# start footer #>
</table>
<# end footer #>
<# end list #>