CSS oklab() 函数
定义和用法
CSS 的 oklab() 函数用于在 OKLAB 色彩空间中指定颜色。该色彩空间旨在模拟人眼对颜色的感知方式。
ບົດຢ່າງ
ກຳນົດຄວາມຈິງຂອງ oklab() ສີ:
#p1 {background-color:oklab(0 40% 20% / 0.5);}
#p2 {background-color:oklab(0.3 -40% -20%);}
#p3 {background-color:oklab(0.4 30% -20% / 20%);}
#p4 {background-color:oklab(0.5 60% 20%);}
#p5 {background-color:oklab(0.6 50% -10%);}
#p6 {background-color:oklab(0.7 70% -80% / 0.3);}
#p7 {background-color:oklab(0.8 70% 20% / 0.5);}
#p8 {background-color:oklab(0.9 80% -20%);}
#p9 {background-color:oklab(1 90% -100%);}
ສານວິທະຍານ CSS
ສານວິທະຍານທັກທາຍ
oklab(L a b / A)
| ຄູ່ມື | ອະທິບາຍ |
|---|---|
| L |
ສຳຄັນ. ກຳນວຍຄວາມຄຸມຄວາມຄິດຂອງສີ, ສາມາດເປັນຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ 0 ຫຼື 1, ຫຼື 0% ຫຼື 100%. 0 (ຫຼື 0%) ແມ່ນສີດຳ, 1 (ຫຼື 100%) ແມ່ນສີຂະໜາດ. ສາມາດໃຊ້ None (ທຽບກັບ 0%) ຄືກັບ. |
| a |
ສຳຄັນ. ກຳນວຍຄວາມຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ -0.4 ຫຼື 0.4, ຫຼື -100% ຫຼື 100%. ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃສ່ວົງ a, ສະແດງວ່າຄວາມສີເຫຼືອ-ສີຂຽວ. -0.4 ແມ່ນສີຂຽວ, 0.4 ແມ່ນສີເຫຼືອ. ສາມາດໃຊ້ none (ທຽບກັບ 0%) ຄືກັບ. |
| b |
ສຳຄັນ. ກຳນວຍຄວາມຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ -0.4 ຫຼື 0.4, ຫຼື -100% ຫຼື 100%. ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃສ່ວົງ b, ສະແດງວ່າຄວາມສີຟ້າ-ສີເຫຼືອ. -0.4 ແມ່ນສີຟ້າ, 0.4 ແມ່ນສີເຫຼືອ. ສາມາດໃຊ້ none (ທຽບກັບ 0%) ຄືກັບ. |
| / A |
ຄຳລົງຄຳເຫັນ. ສະແດງວ່າຈຳນວນຄວາມທະວີຂອງສີ (0% ຫຼື 0) ແມ່ນຄວາມທະວີທົດສະຫຼາກ, 100% ຫຼື 100) ແມ່ນຄວາມທະວີທົດສະຫຼາກ. ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີສາມາດທາງຄວາມທະວີ) ຄືກັບ 100%. |
ສານວິທະຍານຂັ້ນສະເໝີ
oklab(from color L a b / A)
| ຄູ່ມື | ອະທິບາຍ |
|---|---|
| from color |
ເລີ່ມຈາກຄຳປະກອບ from, ຕໍ່ມາເປັນຈຳນວນສີຕົ້ນຕໍານານ. ນີ້ແມ່ນສີແບບຕົ້ນຕໍານານຂອງສີສະຫຼາກ. |
| L |
ສຳຄັນ. ກຳນວຍຄວາມຄຸມຄວາມຄິດຂອງສີ, ສາມາດເປັນຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ 0 ຫຼື 1, ຫຼື 0% ຫຼື 100%. 0 (ຫຼື 0%) ແມ່ນສີດຳ, 1 (ຫຼື 100%) ແມ່ນສີຂະໜາດ. ສາມາດໃຊ້ none (ທຽບກັບ 0%) ຄືກັບ. |
| a |
ສຳຄັນ. ກຳນວຍຄວາມຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ -0.4 ຫຼື 0.4, ຫຼື -100% ຫຼື 100%. ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃສ່ວົງ a, ສະແດງວ່າຄວາມສີເຫຼືອ-ສີຂຽວ. -0.4 ແມ່ນສີຂຽວ, 0.4 ແມ່ນສີເຫຼືອ. ສາມາດໃຊ້ none (ທຽບກັບ 0%) ຄືກັບ. |
| b |
ສຳຄັນ. ກຳນວຍຄວາມຈຳນວນຫຼືສິບສອງໃນຂອບເຂດ -0.4 ຫຼື 0.4, ຫຼື -100% ຫຼື 100%. ກຳນວຍຄວາມສຳຄັນ. ກຳນວຍຄວາມຫ່າງຂອງສີໃສ່ວົງ b, ສະແດງວ່າຄວາມສີຟ້າ-ສີເຫຼືອ. -0.4 ແມ່ນສີຟ້າ, 0.4 ແມ່ນສີເຫຼືອ. ສາມາດໃຊ້ none (ທຽບກັບ 0%) ຄືກັບ. |
| / A |
ຄຳລົງຄຳເຫັນ. ສະແດງວ່າຈຳນວນຄວາມທະວີຂອງສີ (0% ຫຼື 0) ແມ່ນຄວາມທະວີທົດສະຫຼາກ, 100% ຫຼື 100) ແມ່ນຄວາມທະວີທົດສະຫຼາກ. ສາມາດໃຊ້ none (ສະແດງວ່າບໍ່ມີສາມາດທາງຄວາມທະວີ) ຄືກັບ 100%. |
ຂໍ້ມູນດ້ານເຕັກນິກ
| ສະຖານະ: | CSS Color Module Level 4 |
|---|
ການສະໜັບສະໜຸນບັນຊີບັນນາທິການ
ຈຳນວນໃນຕາລະບັນຍາກວດສອບສະແດງວ່າເຄື່ອງບັນທຶກທີ່ເປັນຜູ້ຮັບການສະໜັບສະໜຸນກັບຫົວຂໍ້ວຽກນັ້ນຄັ້ງທໍາອິດ
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| oklab() | ||||
| 111 | 111 | 113 | 15.4 | 97 |
| ການປະສົມຂອງໂຕແບບຈຳນວນແລະສິບສອງໃນພາສາຂັ້ນຕາຍ | ||||
| 116 | 116 | 113 | 16.2 | 102 |
ເວັບໄຊທີ່ກ່ຽວຂ້ອງ
参考：CSS hwb() 函数
参考：CSS lch() 函数
参考：CSS lab() 函数
