ນໍາ palette ຈາກພິມມາເວັບງ່າຍໃນ HSL: ເມື່ອການຜະສົມນ້ຳສີຖືກທຳເປັນ hue, saturation ແລະ lightness, ເຈົ້າສາມາດສ້າງ hover, tints ແລະ shades ໄດ້ໃນເວິນທີ່.
ວິທີແປຈາກ CMYK ເປັນ HSL
- ແປງເປີເຊັນ CMYK ເປັນຊ່ອງ sRGB ລະຫວ່າງ 0 ຫາ 255 ດ້ວຍໂປຣໄຟລ໌ Coated FOGRA39.
- ຫານຊ່ອງສີດ້ວຍ 255 ແລ້ວຊອກຄ່າສູງສຸດ ແລະ ຕ່ຳສຸດຂອງພວກມັນ.
- ເສີມຄ່າເຫຼົ່າຂອງສູງສຸດແລະຕ່ຳສຸດເປັນ lightness L, ຄວາມແຜ່ຂອງພວກເຂົາຂັັບໃຫ້ saturation S.
- ແຈ້ງທີ່ມີຄ່າສູງສຸດຈະກຳນົດ hue H ໃນມະນິມີທີ່ຢູ່ໃນລົມສີ.
ຕົວຢ່າງທີ່ເຮັດໄດ້
ຂັ້ນຕອນ CMYK ເປັນ RGB ໃຊ້ໂປຣໄຟລ໌ມາດຕະຖານ Coated FOGRA39, ສະນັ້ນ ໂປຣໄຟລ໌ CMYK ອື່ນ (ຕົວຢ່າງຈາກຮ້ານພິມຂອງເຈົ້າ) ໃຫ້ຕົວເລກທີ່ແຕກຕ່າງ. ຄ່າ HSL ຖືກປັດເປັນຕົວເລກຈຳນວນເຕັມ.
CMYK ແລະ HSL ອະທິບາຍ
CMYK ແມ່ນຫຍັງ?
CMYK ແມ່ນແນບສີສີສີສີສີສີສີຂອງສີຈີ່ທີ່ໃຊ້ໃນການພິມ: cyan, magenta, yellow ແລະ key (black), ແຕ່ລະອັນເປັນລາຄາລເປີເຊັນຈາກ 0 ຫາ 100. ສີນ້ຳເພີ່ມການຫັນແທນການສົ່ງແສງ, ດັ່ງນັ້ນ CMYK ຄຸ້ມຄອງສີໃນຊ່ວງນ້ອຍກວ່າຈໍ — ນີ້ແມ່ນເໝາະສົມເພາະສີສັ່ງທີ່ເປັນໜ້າຈໍມັກດູສົມສົ່ງວ່າຫນ້າພິມ.
- ສັນຊັນສັນຍາ:
- cmyk(C%, M%, Y%, K%)
- ຂອບເຂດ:
- 0–100% ຕໍ່ນ້ຳເພີ່ມ
- ເຫດທີ່ເຫຼັກ:
- ການພິມ, ການຫຸເປັນຫຸ້ມ, ສິ່ງສະເຫຼີມພາບພາບສຳລັບການພິມ
HSL ແມ່ນຫຍັງ?
HSL ແຍກສີເປັນ hue (0–360° ຢູ່ໃນວົງຈັກສີ), saturation (ຄວາມເຄັ່ງສີ, 0–100%) ແລະ lightness (ຄວາມສະຫວ່າງ, 0–100%). ເນື່ອງຈາກແຕ່ລະສ່ວນສອດຄອງກັບວິທີທີ່ຄົນອະທິບາຍສີ, HSL ແມ່ນຮູບແບບງ່າຍທີ່ສຸດເພື່ອສ້າງ tint, shade ແລະ palette ທີ່ຄົງທີ່ — ດ້ວຍມືຫຼືໃນຄອດ.
- ສັນຊັນສັນຍາ:
- hsl(H, S%, L%)
- ຂອບເຂດ:
- 0–360°, 0–100%, 0–100%
- ເຫດທີ່ເຫຼັກ:
- palette, tint ແລະ shade, ການທີມ
ຕາຕະລາງອ້າງອີງ CMYK ເປັນ HSL
ສີ CSS ທີ່ແພດຫຼາຍທີ່ສຸດ, ແປຈາກ CMYK ເປັນ HSL.
| ສີ | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |