RocSchool|TryEditor(代码在线运行工具)

<html> 
    <head> 
        <title>CSS hsl color property</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"> 
             你好，世界。这是RGB格式。
        </h1> 
        <h1 id="rgba"> 
          你好，世界。这是 RGBA 格式。
     </h1> 
     <h1 id="hex"> 
      你好，世界。这是十六进制格式。
 </h1> 
 <h1 id="short"> 
  你好，世界。这是短十六进制格式。
</h1> 
 <h1 id="hsl"> 
  你好，世界。这是 HSL 格式。
</h1> 
<h1 id="hsla"> 
  你好，世界。这是 HSLA 格式。
</h1> 
<h1 id="built"> 
  你好，世界。这是内置颜色格式。
</h1> 
    </body> 
</html>