<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 5px solid #666;
width: 60%;
padding: 5px;
}
.name {
border-color: lightblue;
}
.hex {
border-color: #1c87c9;
}
.rgb {
border-color: rgba(0,0,0,0.15);
}
.hsl {
border-color: hsl(89, 43%, 51%);
}
</style>
</head>
<body>
<p class="name">Граница с названием цвета.</p>
<p class="hex">Граница со значением hexadecimal.</p>
<p class="rgb">Граница со значением RGB color.</p>
<p class="hsl">Граница со значением HSL color.</p>
</body>
</html>