CSS lab() 函数
- ບ່ອນໜ້າຫນັງ ຫົວຂໍ້ CSS invert()
- ບ່ອນໜ້າຫນ້າ ຫົວຂໍ້ CSS lch()
- ກັບຄືນຊຸມຊົນ ຄູ່ມືການສະໜັບສະໜູນບັນຊີຜູ້ຄົນໃນບັນຊີບານບານ
定义和用法
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()
- ບ່ອນໜ້າຫນັງ ຫົວຂໍ້ CSS invert()
- ບ່ອນໜ້າຫນ້າ ຫົວຂໍ້ CSS lch()
- ກັບຄືນຊຸມຊົນ ຄູ່ມືການສະໜັບສະໜູນບັນຊີຜູ້ຄົນໃນບັນຊີບານບານ