Untitled
unknown
plain_text
2 years ago
6.7 kB
18
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RAL Colors Table</title>
<style>
table {
width: 50%;
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
.color-sample {
width: 20px;
height: 20px;
display: inline-block;
}
</style>
</head>
<body>
<table>
<tr>
<th>RAL Number</th>
<th>Color Sample</th>
</tr>
<tr>
<td>1013</td>
<td><div class="color-sample" style="background-color: #E6E1D3;"></div></td>
</tr>
<tr>
<td>2001</td>
<td><div class="color-sample" style="background-color: #BA481B;"></div></td>
</tr>
<tr>
<td>2003</td>
<td><div class="color-sample" style="background-color: #ED7D31;"></div></td>
</tr>
<tr>
<td>3003</td>
<td><div class="color-sample" style="background-color: #8B2323;"></div></td>
</tr>
<tr>
<td>3214</td>
<td><div class="color-sample" style="background-color: #2B3B51;"></div></td>
</tr>
<tr>
<td>4010</td>
<td><div class="color-sample" style="background-color: #C14D91;"></div></td>
</tr>
<tr>
<td>4700</td>
<td><div class="color-sample" style="background-color: #857A69;"></div></td>
</tr>
<tr>
<td>5000</td>
<td><div class="color-sample" style="background-color: #354F7A;"></div></td>
</tr>
<tr>
<td>5003</td>
<td><div class="color-sample" style="background-color: #2A3756;"></div></td>
</tr>
<tr>
<td>5005</td>
<td><div class="color-sample" style="background-color: #154889;"></div></td>
</tr>
<tr>
<td>5007</td>
<td><div class="color-sample" style="background-color: #376D9A;"></div></td>
</tr>
<tr>
<td>5009</td>
<td><div class="color-sample" style="background-color: #305678;"></div></td>
</tr>
<tr>
<td>5012</td>
<td><div class="color-sample" style="background-color: #31859B;"></div></td>
</tr>
<tr>
<td>5014</td>
<td><div class="color-sample" style="background-color: #646E89;"></div></td>
</tr>
<tr>
<td>5015</td>
<td><div class="color-sample" style="background-color: #007EB9;"></div></td>
</tr>
<tr>
<td>6005</td>
<td><div class="color-sample" style="background-color: #0E4438;"></div></td>
</tr>
<tr>
<td>6013</td>
<td><div class="color-sample" style="background-color: #6C7156;"></div></td>
</tr>
<tr>
<td>6027</td>
<td><div class="color-sample" style="background-color: #77BBBD;"></div></td>
</tr>
<tr>
<td>6031</td>
<td><div class="color-sample" style="background-color: #393E3A;"></div></td>
</tr>
<tr>
<td>6065</td>
<td><div class="color-sample" style="background-color: #2E6E6B;"></div></td>
</tr>
<tr>
<td>6335</td>
<td><div class="color-sample" style="background-color: #1B5657;"></div></td>
</tr>
<tr>
<td>7011</td>
<td><div class="color-sample" style="background-color: #555D61;"></div></td>
</tr>
<tr>
<td>7012</td>
<td><div class="color-sample" style="background-color: #596163;"></div></td>
</tr>
<tr>
<td>7016</td>
<td><div class="color-sample" style="background-color: #383E42;"></div></td>
</tr>
<tr>
<td>7016</td>
<td><div class="color-sample" style="background-color: #383E42;"></div></td>
</tr>
<tr>
<td>7021</td>
<td><div class="color-sample" style="background-color: #2F3234;"></div></td>
</tr>
<tr>
<td>7021</td>
<td><div class="color-sample" style="background-color: #2F3234;"></div></td>
</tr>
<tr>
<td>7022</td>
<td><div class="color-sample" style="background-color: #4B4D46;"></div></td>
</tr>
<tr>
<td>7030</td>
<td><div class="color-sample" style="background-color: #919191;"></div></td>
</tr>
<tr>
<td>7032</td>
<td><div class="color-sample" style="background-color: #B5B5A8;"></div></td>
</tr>
<tr>
<td>7035</td>
<td><div class="color-sample" style="background-color: #D7D7D7;"></div></td>
</tr>
<tr>
<td>7037</td>
<td><div class="color-sample" style="background-color: #7B7B7B;"></div></td>
</tr>
<tr>
<td>7040</td>
<td><div class="color-sample" style="background-color: #9DA3A4;"></div></td>
</tr>
<tr>
<td>7046</td>
<td><div class="color-sample" style="background-color: #82898D;"></div></td>
</tr>
<tr>
<td>7047</td>
<td><div class="color-sample" style="background-color: #D0D0D0;"></div></td>
</tr>
<tr>
<td>8011</td>
<td><div class="color-sample" style="background-color: #5C3A29;"></div></td>
</tr>
<tr>
<td>8025</td>
<td><div class="color-sample" style="background-color: #755C48;"></div></td>
</tr>
<tr>
<td>9003</td>
<td><div class="color-sample" style="background-color: #F2F2F2;"></div></td>
</tr>
<tr>
<td>9004</td>
<td><div class="color-sample" style="background-color: #282828;"></div></td>
</tr>
<tr>
<td>9005</td>
<td><div class="color-sample" style="background-color: #0A0A0A;"></div></td>
</tr>
<tr>
<td>9010</td>
<td><div class="color-sample" style="background-color: #FFFFFF;"></div></td>
</tr>
<tr>
<td>9016</td>
<td><div class="color-sample" style="background-color: #F1F1F1;"></div></td>
</tr>
</table>
</body>
</html>
Editor is loading...
Leave a Comment