CSS lab() 函数

定义和用法

CSS 的 lab() 函数在 CIE Lab 颜色空间中指定颜色。该颜色空间表示人眼可见的所有颜色。

ຕົວຢ່າງ

ການສະແດງຄວາມຫຼາຍທີ່ຕ່າງກັນ lab() ສີ:

#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%);}

ທຳນວຍຄວາມສະແດງຕົວເອງ

ສານມູນວິທະຍານ CSS

ສານມູນວິທະຍານຄົງທີ່

lab(L a b / A)
ຈຳນວນ ການອະທິບາຍ
L

ສຳຄັນ. ກຳນວຍຄວາມຄວາມເສົ້າສີ, ສາມາດເປັນຈຳນວນຈາກ 0 ຫາ 100, ຫຼື ເປັນສິບຕາການ.

0 (ຫຼື 0%) ສະແດງວ່າສີດຳ, 100 (ຫຼື 100%) ສະແດງວ່າສີຂວາງ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

a

ສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ -125 ຫາ 125, ຫຼື -100% ຫາ 100%.

ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ a, ສະແດງວ່າຄວາມສີສີສີສີ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

b

ສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ -125 ຫາ 125, ຫຼື -100% ຫາ 100%.

ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ b, ສະແດງວ່າຄວາມສີສີຂຽວສີເຫຼືອ.

-125 ສະແດງວ່າສີຂຽວ, 125 ສະແດງວ່າສີເຫຼືອ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

/ A

ຄຳລະບຸຄວາມແປກກະຈັງຂອງສີ (0% ຫຼື 0) ສະແດງວ່າຄວາມແປກກະຈັງຢ່າງສົມບູນ, 100% (ຫຼື 100) ສະແດງວ່າຄວາມແປກກະຈັງຢ່າງບໍ່ສົມບູນ).

ກໍ່ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີສາມາດທີ່ຄວາມແປກກະຈັງ).

ມີຄວາມຜິດຈະນວນ 100%.

ສານມູນວິທະຍານສະຫຼາດ

lab(from color L a b / A)
ຈຳນວນ ການອະທິບາຍ
from color

ຕົ້ນມາດຕະຫລາດ color

ນີ້ແມ່ນສີແບບຕົ້ນທີ່ສະຫຼາດສະໜັບສະໜູນສີແບບສະຫຼາດ.

L

ສຳຄັນ. ກຳນວຍຄວາມຄວາມເສົ້າສີ, ສາມາດເປັນຈຳນວນຈາກ 0 ຫາ 100, ຫຼື ເປັນສິບຕາການ.

0 (ຫຼື 0%) ສະແດງວ່າສີດຳ, 100 (ຫຼື 100%) ສະແດງວ່າສີຂວາງ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

a

ສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ -125 ຫາ 125, ຫຼື -100% ຫາ 100%.

ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ a, ສະແດງວ່າຄວາມສີສີສີສີ.

-125 ສະແດງວ່າສີສີຂຽວ, 125 ສະແດງວ່າສີສີສີ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

b

ສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ -125 ຫາ 125, ຫຼື -100% ຫາ 100%.

ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃນວົງກວ້າງ b, ສະແດງວ່າຄວາມສີສີຂຽວສີເຫຼືອ.

-125 ສະແດງວ່າສີຂຽວ, 125 ສະແດງວ່າສີເຫຼືອ.

ກໍ່ສາມາດໃຊ້ none (ຕົງກັບ 0%).

/ A

ຄຳລະບຸຄວາມແປກກະຈັງຂອງສີ (0% ຫຼື 0) ສະແດງວ່າຄວາມແປກກະຈັງຢ່າງສົມບູນ, 100% (ຫຼື 100) ສະແດງວ່າຄວາມແປກກະຈັງຢ່າງບໍ່ສົມບູນ).

ກໍ່ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີສາມາດທີ່ຄວາມແປກກະຈັງ).

ມີຄວາມຜິດຈະນວນ 100%.

ລະອຽດເຕັກນິກ

ສະຖານະ: CSS Color Module Level 4

ການສະໜັບສະໜູນບັນດາບາຊີຍາການ

ຈຳນວນບັນທຶກໃນຕາລະບັນດັບສະແດງວ່າບັນດາບັນດາບາຊີຍາການທີ່ອະນຸຍາດນຳໃຊ້ຫົວຂໍ້ວິທະຍານນັ້ນຄັ້ງທຳອິດ

Chrome Edge Firefox Safari Opera
lab()
111 111 113 15 97
ປະສົມຈຳນວນແລະສິບຕາການໃນພາສາຂໍ້ສະເພາະ
116 116 113 16.2 102

ເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ກ່ຽວກັບ:ການພິຈາລະນາຄວາມພິເສດຂອງ CSS

ກ່ຽວກັບ:ຫົວຂໍ້ວິທະຍານ hsl()

ກ່ຽວກັບ:ຫົວຂໍ້ CSS hwb()

ກ່ຽວກັບ:ຫົວຂໍ້ CSS lch()

ກ່ຽວກັບ:ຫົວຂໍ້ CSS oklab()

ກ່ຽວກັບ:ຫົວຂໍ້ CSS oklch()