Bảng lịch học

Sách tham khảo CSS

Thuộc tính CSS

Khóa học tự chọn

Khuyến nghị khóa học:

Bảo tàng công cụ CodeW3C.com

Hàm lab() của CSS

Trang trước Hàm invert() CSS
Trang tiếp theo Hàm lch() CSS
Quay lại lớp trên Sách tham khảo hàm CSS

Định nghĩa và cách sử dụng

Định nghĩa và cách sử dụng của CSS lab() Hàm trong không gian màu CIE Lab xác định màu sắc. Không gian màu này biểu thị tất cả các màu mà mắt người có thể nhìn thấy.

ví dụ

Định nghĩa các lab() Màu sắc:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

Thử ngay

Ngôn ngữ CSS

Ngôn ngữ giá trị tuyệt đối

lab(L a b / A)

Giá trị	Mô tả
L	Bắt buộc. Định nghĩa độ sáng của màu sắc, có thể là số từ 0 đến 100 hoặc phần trăm. 0 (hoặc 0%) biểu thị màu đen, 100 (hoặc 100%) biểu thị màu trắng. Cũng có thể sử dụng none (tương đương với 0%).
a	Bắt buộc. Định nghĩa số từ -125 đến 125 hoặc phần trăm từ -100% đến 100%. Định nghĩa khoảng cách màu theo trục a, biểu thị mức độ đỏ-xanh lá cây của màu sắc. -125 biểu thị màu xanh lá cây, 125 biểu thị màu đỏ. Cũng có thể sử dụng none (tương đương với 0%).
b	Bắt buộc. Định nghĩa số từ -125 đến 125 hoặc phần trăm từ -100% đến 100%. Định nghĩa khoảng cách màu theo trục b, biểu thị mức độ vàng-xanh của màu sắc. -125 biểu thị màu xanh, 125 biểu thị màu vàng. Cũng có thể sử dụng none (tương đương với 0%).
/ A	Tùy chọn. Biểu thị giá trị độ trong suốt của màu sắc (0% hoặc 0 biểu thị hoàn toàn trong suốt, 100% hoặc 100 biểu thị hoàn toàn không trong suốt). Cũng có thể sử dụng none (biểu thị không có độ trong suốt). Giá trị mặc định là 100%.

Ngôn ngữ giá trị tương đối

lab(from color L a b / A)

Giá trị	Mô tả
from color	Bắt đầu bằng từ khóa from, sau đó là giá trị màu sắc biểu thị màu sắc ban đầu. Đây là màu sắc ban đầu mà màu sắc tương đối dựa trên.
L	Bắt buộc. Định nghĩa độ sáng của màu sắc, có thể là số từ 0 đến 100 hoặc phần trăm. 0 (hoặc 0%) biểu thị màu đen, 100 (hoặc 100%) biểu thị màu trắng. Cũng có thể sử dụng none (tương đương với 0%).
a	Bắt buộc. Định nghĩa số từ -125 đến 125 hoặc phần trăm từ -100% đến 100%. Định nghĩa khoảng cách màu theo trục a, biểu thị mức độ đỏ-xanh lá cây của màu sắc. -125 biểu thị màu xanh lá cây, 125 biểu thị màu đỏ. Cũng có thể sử dụng none (tương đương với 0%).
b	Bắt buộc. Định nghĩa số từ -125 đến 125 hoặc phần trăm từ -100% đến 100%. Định nghĩa khoảng cách màu theo trục b, biểu thị mức độ vàng-xanh của màu sắc. -125 biểu thị màu xanh, 125 biểu thị màu vàng. Cũng có thể sử dụng none (tương đương với 0%).
/ A	Tùy chọn. Biểu thị giá trị độ trong suốt của màu sắc (0% hoặc 0 biểu thị hoàn toàn trong suốt, 100% hoặc 100 biểu thị hoàn toàn không trong suốt). Cũng có thể sử dụng none (biểu thị không có độ trong suốt). Giá trị mặc định là 100%.