<p>Ми можемо встановлювати колір для тексту, використовуючи різні значення:</p>

<div class="demo">
	<p class="name">gold</p>
	<p class="hex">#F12668</p>
	<p class="rgb">rgb(72, 102, 157)</p>
	<p class="rgba">rgba(72, 102, 157, 0.45)</p>
  <p class="hsl">hsl(0, 100%, 30%)</p>
	<p class="hsla">hsla(0, 60%, 77%, 0.7)</p>
</div>
body {
    font-family: sans-serif;
    text-align: center;
    line-height: 1.45; 
    font-size: 18px;
    padding: 16px 16px 0 16px; 
}

.demo {
    font-family: monospace;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
}

.name { color: gold; }
.hex { color: #F12668; }
.rgb { color: rgb(72, 102, 157); }
.rgba { color: rgba(72, 102, 157, 0.45); }
.hsl { color: hsl(0, 100%, 30%); }
.hsla { color: hsla(0, 60%, 77%, 0.7); }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.