"text/css">#color-hsl14-100-53{ color:hsl(14, 100%, 53%);}</style>
    </section>
    <section class="example">
      <header class="example-header">
        <p class="example-name">


          <code class="example-value" data-tooltip="Click to copy" data-clipboard-text="color: hsla(14, 100%, 53%, 0.6);">color: hsla(14, 100%, 53%, 0.6);</code>
        </p>
        <div class="example-description">
          <p>You can use <strong>hsl()a</strong> color codes:</p>
<ul><li>the first 3 values are for <code>hsl