Untitled

mail@pastecode.io avatar
unknown
plain_text
20 days ago
6.7 kB
7
Indexable
Never
<!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>
Leave a Comment