       <p class="example-name">


          <code class="example-value" data-tooltip="Click to copy" data-clipboard-text="background-color: hsla(14, 100%, 53%, 0.6);">background-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</code></li><li>the 4th value is for the <code>alpha</code> channel and defines the opacity of the color</li></ul><p>The alpha va