<h1>The Excel Export</h1>
<button onclick="えくせる()">エクセル-ファイル.xlsx として出力</button>
<table id="目印" border="1" style="border-collapse: collapse;">
<tr>
<th>COLOR</th>
<th>HEX</th>
<th>RGB</th>
<th>HSL</th>
</tr>
<tr>
<td style="color: white; background-color: #ff0000;font-weight:bold;">red</td>
<td>#FF0000</td><td>255, 0, 0</td><td>0, 100%, 50%</td>
</tr>
<tr>
<td style="color: white; background-color: #000000; font-weight: bold;">black</td>
<td>#000000</td><td>0, 0, 0</td><td>0, 0%, 0%</td>
</tr>
<tr>
<td style="color: white; background-color: #0000ff; font-weight: bold;">blue</td>
<td>#0000FF</td><td>0, 0, 255</td><td>240, 100%, 50%</td>
</tr>
<tr>
<td style="color: white; background-color: #00ff00; font-weight: bold;">lime</td>
<td>#00FF00</td><td>0, 255, 0</td><td>120, 100%, 50%</td>
</tr>
<tr>
<td style="color: black; background-color: #ffffff; font-weight: bold;">white</td>
<td>#FFFFFF</td><td>255, 255, 255</td><td>0, 0%, 100%</td>
</tr>
<tr>
<td style="color: black; background-color: #ffff00; font-weight: bold;">yellow</td>
<td>#FFFF00</td><td>255, 255, 0</td><td>60, 100%, 50%</td>
</tr>
<tr>
<td style="color: white; background-color: #800080; font-weight: bold;">purple</td>
<td>#800080</td><td>128, 0, 128</td><td>300, 100%, 25%</td>
</tr>
<tr>
<td style="color: black; background-color: #FFA500; font-weight: bold;">orange</td>
<td>#FFA500</td><td>255, 165, 0</td><td>39, 100%, 50%</td>
</tr>
</table>

</html>