<html>
<head>
<title>Property CSS hsl color</title>
<style>
h1{
text-align:center;
}
#rgb{
color:rgb(255,0,0);
}
#rgba{
color:rgba(255,0,0,0.5);
}
#hex{
color:#EE82EE;
}
#short{
color: #E8E;
}
#hsl{
color:hsl(0,50%,50%);
}
#hsla{
color:hsla(0,50%,50%,0.5);
}
#built{
color:green;
}
</style>
</head>
<body>
<h1 id="rgb">
Halo dunia. Ini adalah format RGB.
</h1>
<h1 id="rgba">
Halo dunia. Ini adalah format RGBA.
</h1>
<h1 id="hex">
Halo dunia. Ini adalah format Hexadecimal.
<h1 id="short">
Halo dunia. Ini adalah format Short-hexadecimal.
</h1>
<h1 id="hsl">
Halo dunia. Ini adalah format HSL.
</h1>
<h1 id="hsla">
Halo dunia. Ini adalah format HSLA.
</h1>
<h1 id="built">
Halo dunia. Ini adalah format Built-in color.
</h1>
</body>
</html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.