Mục lục:
Video: Chia sẻ bộ CINE LUT màu làm phim đẹp và chuyên nghiệp trong premiere 2025
Bạn có thể chỉ định một giá trị HSL ở bất cứ nơi nào bạn sử dụng màu sắc trên trang HTML5 và CSS3. Mã cho HSLcolors cho thấy sơ đồ HSL có thể được sử dụng như thế nào trên trang của bạn:
HSLcolors. html body {background-color: HSL (180, 75%, 75%);} h1 {màu sắc: HSL (180, 75%, 25%); Màu nền: HSL (180, 75%, 90%);} p (màu sắc: HSL (0, 75%, 25%);}
Đây là dòng tiêu đề
Đây là đoạn
Để chỉ định một màu sắc bằng cách sử dụng sơ đồ HSL, làm như sau:
-
Thiết lập trình chọn của bạn như thường lệ.
Trong CSS, thiết lập bộ chọn cho mỗi phần tử bạn muốn tô màu.
-
Thêm quy tắc màu.
Áp dụng một hoặc cả hai cho mỗi bộ chọn.
-
Sử dụng chức năng HSL.
Sử dụng HSL theo sau bởi dấu ngoặc đơn cho biết bạn muốn tính màu bằng kỹ thuật HSL.
-
Cho biết màu sắc.
Hãy tưởng tượng một bánh màu với màu đỏ ở trên cùng. Màu sắc là góc (theo độ) của màu bạn muốn chọn. Huế cần có giá trị từ 0 đến 360.
-
Xác định độ bão hòa.
Độ bão hòa được tính bằng phần trăm. Độ bão hòa 0% chỉ thị màu xám (giữa đen và trắng) trong khi Độ bão hòa 100% là màu bão hòa hoàn toàn không có màu xám. Bạn cần phải bao gồm dấu phần trăm là một phần của giá trị bão hòa.
-
Chỉ rõ độ sáng.
Độ sáng cũng được chỉ ra dưới dạng phần trăm, với 0% hoàn toàn màu đen và 100% hoàn toàn trắng. Giá trị độ sáng 50% sẽ xác định màu cân bằng giữa màu trắng và màu đen. Giá trị độ sáng cũng nên bao gồm dấu phần trăm.
Mô hình HSL là một bổ sung tương đối gần đây cho CSS, vì vậy nó có thể không hoạt động với các trình duyệt cũ, nhưng có thể rất hữu ích. HSL làm cho nó dễ dàng hơn để dự đoán màu sắc sẽ nhìn tốt với nhau. Nếu bạn giữ hai trong số các giá trị HSL giống nhau và thay đổi thứ ba, hai màu sắc có thể phù hợp với nhau tốt.
