ພະນັກງານ lch() CSS

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

CSS: lch() ພະນັກງານວິທະຍາສາດ CSS ໃນສະພາບສີ LCH (ຄວາມສະຫມັກ-ຄວາມສີ-ຄວາມສະໝອງ) ອະທິບາຍສີ.

ຕົວຢ່າງ

ອະທິບາຍ lch() ສີ:

#p1 {ສະແດງສີບແລະລະບົບ: lch(10% 100 130 / 0.5);}
#p2 {ສະແດງສີບແລະລະບົບ: lch(40% 100 130);}
#p3 {ສະແດງສີບແລະລະບົບ: lch(90% 100 130 / 20%);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}
#p9 {background-color:lch(90% 130 70);}

ທົດລອງຄືນເອງ

ສັບສິນ CSS

ສັບສິນທີ່ຕ້ອງການ

lch(ສີແບບພາສາລະບາດດີສະບັບສະໜັບສະໜູນສີພາບແບບສະໜັບສະໜູນ. C H / Alch(from
) ຄວາມຄີ
ສີແບບພາສາລະບາດດີສະບັບສະໜັບສະໜູນສີພາບແບບສະໜັບສະໜູນ.

ສະເພາະຕ້ອງການ. ສະແດງຄວາມຄຳລະອຽດສີ, ສາມາດເປັນຈຳນວນຫຼືສິບລະຍະວັດ 0-100 ຫຼືສິບລະຍະວັດ%.

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

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອ�ດ 0%).
C

ສະເພາະຕ້ອງການ. ສະແດງຄວາມການສະແດງຄວາມສີ (ຈຳນວນສີ), ສາມາດເປັນຈຳນວນຫຼືສິບລະຍະວັດ%.

ລະດັບສຸດທ້າຍ 0 (ຫຼື 0%). ລະດັບສຸດທ້າຍບໍ່ມີຈຳນວນ (ແຕ່ພາຍໃຕ້ 230). 100% ວ່າ 150.

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອ�ດ 0%).
H

ສະເພາະຕ້ອງການ. ສະແດງຄວາມຕາມສະໝອງສີ, ສາມາດເປັນຈຳນວນຫຼືຄວາມຕາມສະໝອງ.

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອຽດ 0deg).
/ A

ມີຄວາມພິເສດ. ສະແດງຄວາມລະອຽດສາຍສີ (0% ຫຼື 0) ສະແດງຄວາມລະອຽດສາຍຄົງ, 100% (ຫຼື 100) ສະແດງຄວາມລະອຽດສາຍບໍ່ຄົງ.

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອຽດສາຍສະເປັນບໍ່ມີ).

ມີຄວາມພິເສດ 100%.

ສັບສິນທີ່ຕ້ອງການ

ສັບສິນທີ່ກ່ຽວຂ້ອງ from ສີແບບພາສາລະບາດດີສະບັບສະໜັບສະໜູນສີພາບແບບສະໜັບສະໜູນ. C H / Alch(from
) ຄວາມຄີ
ສະແດງຄວາມ from

color

ເລີ່ມຈາກຫົວຂໍ້ from, ຕໍ່ມາຕາມຄວາມສີພາບສະໜັບສະໜູນ.
ສີແບບພາສາລະບາດດີສະບັບສະໜັບສະໜູນສີພາບແບບສະໜັບສະໜູນ.

ສະເພາະຕ້ອງການ. ສະແດງຄວາມຄຳລະອຽດສີ, ສາມາດເປັນຈຳນວນຫຼືສິບລະຍະວັດ 0-100 ຫຼືສິບລະຍະວັດ%.

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

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອ�ດ 0%).
C

ສະເພາະຕ້ອງການ. ສະແດງຈຳນວນຫຼືສິບລະຍະວັດ 125-125 ຫຼື -100%-100%.

ສະເພາະຕ້ອງການ. ສະແດງຄວາມຫ່າງສີອາກາດຕາມ a, ສະແດງຄວາມລະອຽດສີສີຂຽວ-ສີສີແຫ່ງ.

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

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອ�ດ 0%).
H

ສະເພາະຕ້ອງການ. ສະແດງຄວາມຕາມສະໝອງສີ, ສາມາດເປັນຈຳນວນຫຼືຄວາມຕາມສະໝອງ.

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອຽດ 0deg).
/ A

ມີຄວາມພິເສດ. ສະແດງຄວາມລະອຽດສາຍສີ (0% ຫຼື 0) ສະແດງຄວາມລະອຽດສາຍຄົງ, 100% (ຫຼື 100) ສະແດງຄວາມລະອຽດສາຍບໍ່ຄົງ.

ສາມາດໃຊ້ none (ສະແດງຄວາມລະອຽດສາຍສະເປັນບໍ່ມີ).

ມີຄວາມພິເສດ 100%.

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

ລະດັບສະບັບ: CSS Color Module Level 4

ການສະໜັບສະໜູນບັນດາສາຍອາກາດ

ຈຳນວນໃນຕາຕະລາງສະແດງຄຳປະຕິບັດພາສາບັນຫາສາຍອາກາດທີ່ສະໜັບສະໜູນຟັງງານນີ້ຄັ້ງທຳອິດ

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
ປະສົມຈຳນວນແລະສິບລະຍະວັດໃນພຽງສະເພາະ
116 116 113 16.2 102

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

ກ່າວຫາ:ສະແມງມູນນິວເຕີບິນ

ກ່າວຫາ:ຫົວຂໍ້ CSS hsl() ຟັງງານ

ກ່າວຫາ:ຫົວຂໍ້ hwb()

ກ່າວຫາ:ຫົວຂໍ້ lab()

ກ່າວຫາ:ຫົວຂໍ້ oklab()

ກ່າວຫາ:ຫົວຂໍ້ oklch()