ຄຸນສົມບັດສີ CSS. ລະຫັດສີ

ຫນຶ່ງໃນເຄື່ອງມືໃນການປ່ຽນແປງຮູບແບບຫນ້າເວັບໄຊຕ໌ - ສີ CSS. ມີຫຼາຍວິທີທີ່ຈະມີການປ່ຽນແປງການຕັ້ງຄ່ານີ້. ແຕ່ລະມີທັງຂໍ້ດີແລະຂໍ້ເສຍ.

ຊື່

ຄຸນສົມບັດສີທີ່ກໍານົດສີຂອງລາຍການໄດ້. 145 ຮມົ່ຂອງຫົວລວມເຂົ້າໃນ CSS ໄດ້. ໃນບັນດາພວກເຂົາບໍ່ມີທີ່ງ່າຍດາຍ (ເຊັ່ນ: ສີດໍາ, ສີຟ້າ) ແລະສະລັບສັບຊ້ອນ (ເຊັ່ນ: crimson, lawngreen).

ເນື່ອງຈາກວ່າບັນຊີລາຍຊື່ທັງຫມົດຂອງການຍາກທີ່ຈະຈື່ໄດ້, ຊື່ຂອງເອກະສານແບບໄດ້ຖືກນໍາໃຊ້ຫນ້ອຍທີ່ສຸດ.

RGB

ສ່ວນໃຫຍ່ຂອງ TVs, ໂທລະສັບສະຫຼາດ, ຕິດຕາມກວດກາເຮັດວຽກຮ່ວມກັບຮູບແບບສີ RGB. ຫມາຍຄວາມວ່າ, ສີໃດສາມາດໄດ້ຮັບການກໍານົດການທີ່ຈະປະສົມປະສານຂອງສີປະຖົມ, ຊຶ່ງມີສີແດງ, ສີຂຽວແລະສີຟ້າ. . A ວິທີການທີ່ຄ້າຍຄືກັນໄດ້ຖືກນໍາໃຊ້ໃນອຸປະກອນທັງສອງ, ແລະໃນ CSS ໄດ້. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. ສີເປັນພື້ນຖານຄ່າອົງປະກອບຂອງທີ່ເອົາມາຈາກ 0 ກັບ 255 ຈໍານວນຂອງສີທີ່ເປັນໄປໄດ້ A ແມ່ນເທົ່າທຽມກັນກັບ 16777216.

ນັບຕັ້ງແຕ່ຮູບແບບ RGB ແມ່ນກ່ຽວຂ້ອງໂດຍກົງກັບລະບຽບກົດຫມາຍທາງດ້ານຮ່າງກາຍຂອງການຖ່າຍພາບສີ, ສີດໍາແມ່ນລະບຸໃນທົ່ວສັງຄົມເປັນ rgb (0, 0, 0), ສີຂາວ - rgb (255, 255, 255). ລະບົບ RGBA ຫມົດຄ້າຍຄືກັນກັບ RGB, ນອກຈາກນັ້ນມີຊ່ອງ alpha ໄດ້. ມັນມີຜົນກະທົບຄວາມໂປ່ງໃສ, ຊຶ່ງປະກອບມີຮົ່ມພື້ນຖານຂອງ. ໃນຮູບແບບຂອງອົງປະກອບຂອງນີ້ຈະແຕກຕ່າງກັນອີງຕາມການ "substrate".

HSL

ເພື່ອໃຫ້ເຂົ້າໃຈວິທີການລະບົບ HLS ໄດ້, ທ່ານຕ້ອງການທີ່ຈະສົ່ງລໍ້ສີ. ເປັນຈຸດໃຈກາງແມ່ນສີແດງ, ຫຼັງຈາກນັ້ນ (ເຂັມໂມງ) ທັງຫມົດສີອື່ນໆຂອງ rainbow ໄດ້. цвета при помощи системы HLS требуется задать три параметра: ການກໍານົດສີໃນ CSS ທີ່ໃຊ້ລະບົບ HLS ໄດ້ຮຽກຮ້ອງໃຫ້ມີສາມຕົວກໍານົດການ:

• hue (ອົງສາ) - ທິດທາງຂອງສູນກາງຮູບວົງມົນດັ່ງກ່າວ;
• ການອີ່ມຕົວ (ເປີເຊັນ) - ວິທີການສີທີ່ທ່ານຕ້ອງການ;
• ຄວາມສະຫວ່າງ (ໃນເປີເຊັນ).

ສໍາລັບຕົວຢ່າງ, ສີມ່ວງສາມາດໄດ້ຮັບການກໍານົດໃນລັກສະນະ: hsl (315, 100%, 45%). HSL ສະດວກທີ່ສຸດສໍາລັບການທົດລອງ. ຫຼັງຈາກການສຶກສາ ລໍ້ສີ, ທ່ານສາມາດໃນຂະນະທີ່ການສັງເກດເບິ່ງ stylesheet ປະມານເປັນຕົວແທນຂອງສິ່ງທີ່ສີກໍານົດອົງປະກອບສະເພາະໃດຫນຶ່ງ. HSLA - ດຽວກັນ HLS ໄດ້, ພຽງແຕ່ມີບໍ່ມີເພດ;: hsl (0, 100%, 50, 06) - ສີແດງ, ໂປ່ງໃສເລັກນ້ອຍຫຼາຍກ່ວາເຄິ່ງຫນຶ່ງ.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . ໃນ CSS, ທ່ານສາມາດກໍານົດສີຂອງການນໍາໃຊ້ເປັນຕົວແທນເລກຖານສິບຫົກ, ເຊັ່ນ: ສີສົ້ມກໍານົດດ້ວຍລາຄາ # FF4500.

ສໍາລັບຄວາມເຂົ້າໃຈທີ່ດີກວ່າຂອງສິ່ງທີ່ເປັນຕົວແທນເລກຖານສິບຫົກ, ເພີ່ມເຕີມຄວນຈະພິຈາລະນາລະບົບອັດຕານິຍົມ. ມັນເປັນຈໍານວນຫນຶ່ງຈາກ 0 ເຖິງ 9 ໃນເວລາທີ່ຄວາມຕ້ອງການໃນການຄິດໄລ່ຈໍານວນຫຼາຍກ່ວາ 9, ຫນຶ່ງບິດແມ່ນເພີ່ມຂຶ້ນ, ແລະມັນ turns 10, ຫຼັງຈາກນັ້ນ 100, ແລະອື່ນໆ. E. ທັງຫມົດແທ້ຄືກັນກັບຢູ່ໃນເລກຖານສິບຫົກ, ແຕ່ໃນມັນຫຼັງຈາກ 9 ເປັນ A, ຫຼັງຈາກນັ້ນ B, ແລະອື່ນໆທີ່ຈະ F - ຄືກັນກັບ 15 ໃນລະບົບອັດຕານິຍົມ. ຫຼັງຈາກນັ້ນຕື່ມຕົວເລກ, ແລະມັນ turns ໃຫ້ເຫັນ 10 ຈາກທັງຫມົດ 16 ໃນຂໍ້ກໍານົດປົກກະຕິ.

ໃນ RGB, ສີ HEX ເພື່ອບົ່ງບອກໃນສິ່ງທີ່ສັດສ່ວນການນໍາໃຊ້ສີປະຖົມ. ໃນກໍລະນີດັ່ງກ່າວນີ້, ພວກເຂົາເຈົ້າຍັງບໍ່ໄດ້ຂັ້ນດ້ວຍຈໍ້າຈຸດ (ສີ: # FFD500). ທຸກສອງລັກສະນະລະບຸຈໍານວນຂອງສີແດງ, ສີຂຽວແລະສີຟ້າ.

CSS. ອີງຕາມລະບຽບເປັນ, ລະບົບ HEX ບໍ່ໄດ້ຖືກນໍາໃຊ້ໃນໄລຍະການທົດລອງໄດ້, ນັບຕັ້ງແຕ່ມັນເປັນໄປບໍ່ໄດ້ທີ່ຈະຊອກຫາຂອງສີ CSS ຖືກຕ້ອງ. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. ຕາຕະລາງສາມາດຊ່ວຍເຫຼືອໃນເລື່ອງນີ້, ແຕ່ຖ້າຫາກວ່າທ່ານຢູ່ສະເຫມີເບິ່ງທີ່ມັນ, ການເຮັດວຽກຈະໄດ້ຮັບການຊັກຊ້າ. ການເປັນຕົວແທນເລກຖານສິບຫົກສະດວກທີ່ສຸດໃນເວລາທີ່ແມ່ແບບໄດ້ຖືກຍົກຍ້າຍອອກຈາກບັນນາທິການຮູບພາບ. ມັນເປັນໄດ້ຫຼາຍງ່າຍຕໍ່ການສໍາເນົາຈາກມັນພຽງແຕ່ຕົວເລກກ່ວາສາມເຮັດ.

ເຊິ່ງວິທີການທີ່ດີທີ່ສຸດ?

ໃນບັນຊີນີ້ພວກເຮົາບໍ່ສາມາດເວົ້າສີມັງຫຍັງ. ຖ້າຫາກວ່າອົງປະກອບໃນການໂຕ້ຕອບໄດ້ຕ້ອງໂປ່ງໃສ, ເລືອກເອົາລະຫວ່າງ RGBA ແລະ HSLA. ຖ້າຫາກວ່າທ່ານຕ້ອງການທີ່ຈະທົດລອງໃນຕົວທ່ອງເວັບຂອງວົງລໍ້ສີ HLS ຈະສະດວກທີ່ສຸດ. ຖ້າຫາກວ່າທ່ານກໍາລັງໃຊ້ palette ຫຼືໂອນການອອກແບບຈາກ Photoshop, ຄວນຕ້ອງ CSS ລະຫັດສີເລກຖານສິບຫົກ.