css colors

by jpeter06

HTML

<table>
  <tr>
    <td>modo:</td>
    <td>red</td>
    <td>blue</td>
    <td>green</td>
    <td>orange</td>
  </tr>  
  <tr>
    <td>hsl</td>
    <td>red</td>
    <td>blue</td>
    <td>green</td>
    <td>orange</td>
  </tr>
</table>

SCSS

.hls{
  .red{ background: hsl(0, 100%, 50%)}
  .green{ background: hsl(117, 100%, 50%)}
  .blue{ background: hsl(233, 100%, 50%)}
  .orange{ background: hsl(50, 100%, 50%)}
}