Cách sử dụng hàm hsla() trong CSS

Để định nghĩa màu sắc bằng mô hình Hue-Saturation-Lightness (HSL) với độ trong suốt (Alpha), hãy sử dụng hàm hsla() trong CSS.

Bạn có thể chạy mã sau để triển khai hàm hsla() trong CSS:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hsl(0,100%,50%);          }          h2 {             background-color:hsl(192,89%,48%);          }          p {             background-color:hsla(290,100%,50%,0.3);          }       </style>    </head>    <body>       <h1>Red Background</h1>       <h2>Blue Background</h2>       <p>This is demo text!</p>    </body> </html>