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

Để định nghĩa màu sắc bằng mô hình Hue-Saturation-Lightness (HSL), hãy sử dụng hàm hsl() trong CSS.

Ví dụ

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

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