Color HSL

by Alwaison

HTML

<html>
    <body>
        <div class="hsl">
            Ejemplo color HLS
        </div>
        <div class="hsla">
            Ejemplo color HLSA
        </div>
    </body>
</html>

CSS

body {    
    background:hsl(0,0%,86%);
}
div {     
    padding:15px; width:200px; height:100px; margin:50px auto; text-align:center;     
}

.hsl {
    background:hsl(211,46%,48%);    
    color:hsl(0,0%,255%);
}
.hsla {
    background:hsla(211,46%,48%,.5);    
    color:hsla(0,0%,255%,.5);
}