<table class="rgb-table-all notranslate" cellpadding="5" cellspacing="0" style="width:100%">
<tbody><tr style="background:#fff">
<th style="width:50%;">Color</th>
<th>RGB</th>
</tr>
<tr>
<td style="background-color:rgb(255, 0, 0)"> </td>
<td>rgb(255,0,0)</td>
</tr>
<tr>
<td style="background-color:rgb(0, 255, 0)"> </td>
<td>rgb(0,255,0)</td>
</tr>
<tr>
<td style="background-color:rgb(0, 0, 255)"> </td>
<td>rgb(0,0,255)</td>
</tr>
<tr>
<td style="background-color:rgb(255, 165, 0)"> </td>
<td>rgb(255,165,0)</td>
</tr>
<tr>
<td style="background-color:rgb(255, 255, 0)"> </td>
<td>rgb(255,255,0)</td>
</tr>
<tr>
<td style="background-color:rgb(0, 255, 255)"> </td>
<td>rgb(0,255,255)</td>
</tr>
<tr>
<td style="background-color:#000000"> </td>
<td>rgb(0,0,0)</td>
</tr>
<tr>
<td style="background-color:#808080"> </td>
<td>rgb(128,128,128)</td>
</tr>
<tr>
<td style="background-color:#FFFFFF"> </td>
<td>rgb(255,255,255)</td>
</tr>
</tbody></table>
table{
font-family:Helvetica, Arial, Times, Courier;
}
table tr td, table tr th{
border:1px solid #ccc;
border-bottom:0px;
border-left:0px
}
table tr:nth-child(even) td{
background:#eee;
}
table tr td:first-child, table tr th:first-child{
border-left:1px solid #ccc;
}
table tr:last-child td{
border-bottom:1px solid #ccc
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.