<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)">&nbsp;</td>
    <td>rgb(255,0,0)</td>
  </tr>
  <tr>
    <td style="background-color:rgb(0, 255, 0)">&nbsp;</td>
    <td>rgb(0,255,0)</td>
  </tr>
  <tr>
    <td style="background-color:rgb(0, 0, 255)">&nbsp;</td>
    <td>rgb(0,0,255)</td>
  </tr>
  <tr>
    <td style="background-color:rgb(255, 165, 0)">&nbsp;</td>
    <td>rgb(255,165,0)</td>
  </tr>
  <tr>
    <td style="background-color:rgb(255, 255, 0)">&nbsp;</td>
    <td>rgb(255,255,0)</td>
  </tr>
  <tr>
    <td style="background-color:rgb(0, 255, 255)">&nbsp;</td>
    <td>rgb(0,255,255)</td>
  </tr>
  <tr>
    <td style="background-color:#000000">&nbsp;</td>
    <td>rgb(0,0,0)</td>
  </tr>
  <tr>
    <td style="background-color:#808080">&nbsp;</td>
    <td>rgb(128,128,128)</td>
  </tr>
  <tr>
    <td style="background-color:#FFFFFF">&nbsp;</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
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.