RGB ມີສາມຊ່າງທີ່ເປັນຕົວເລກທາງທົດສະຫຼອດລະຫວ່າງ 0 ຫາ 255. ການແປເປັນ HEX ແປທຸກຊ່າງເປັນຕົວເລກຮູບແບບຖ້ວຍສອງຕົວເລກ໐-16, ເພື່ອໃຫ້ສີທັງໝົດຢູ່ໃນ token ເລັດທີ່ສັ້ນທີ່ເບິ່ງເຂົ້າໃຈໄດ້ງ່າຍແລະທຸກເບຣາວເຊີ, ເຄື່ອງມືອອກແບບ ແລະຄໍາແນະນຳສີ ນິຍົມໃຊ້.
ວິທີແປຈາກ RGB ເປັນ HEX
- ນໍາ channel ແດງ (red) ມາຫຼັກແບ່ງດ້ວຍ 16: ຜົນອອກແບ່ງ (quotient) ແມ່ນຕົວເລກຕົ້ນທີ່, ກ່ອນທີ່ຈະເປັນເຫດຜິດແບບທີ່ຫຼັງ (remainder) ແມ່ນຕົວທີ່ສອງ.
- ເຂົ້າຂໍ້ຂຽນຕົວເລກ 10 ຫາ 15 ເປັນຕົວອັກສອນ A ຫາ F — 255 ຈະກາຍເປັນ FF.
- ທຳຊ້ຳສໍາລັບສີສັ້ນ (green) ແລະ ສີນ້ຳເງິນ (blue), ຖ້າເປັນຕົວເລກເຄັ່ງຕື່ນ ໃສ່ 0 ນຳໜ້າ: 5 ຈະກາຍເປັນ 05.
- ນຳສອງຄູ່ຂອງສີທັງສາມມາຮ່ວມແລ້ວເປີດດ້ວຍ # ທາງໜ້າ.
ຕົວຢ່າງທີ່ເຮັດໄດ້
ຖືກຕໍ່ແທ້ ຕໍ່ເງື່ອນໄຂວ່າ channel ແມ່ນຈຳນວນຈົນທີ່ຢູ່ໃນຊ່ວງ 0 ຫາ 255. ຄ່າທີ່ແມ່ນທົ່ວໄປຫນ້ອຍເຊັ່ນ rgb(79.5, 70, 229) ຈະຖືກປັງໃຫ້ເປັນຈຳນວນຈົນໃນການບັນທຶກກ່ອນ ເພາະ HEX ບໍ່ສາມາດເກັບຄ່າທີ່ຢູ່ກາກການໄດ້.
RGB ແລະ HEX ອະທິບາຍ
RGB ແມ່ນຫຍັງ?
RGB ອະທິບາຍສີໃນຮູບແບບສາມຊ່າງຂອງແສງ — ແດງ, ເຂີ້ງ ແລະ ຟ້າ — ທຸກຊ່າງຈາກ 0 ຫາ 255. ມັນສະຫມັກກັບວິທີທີ່ຈໍສະແດງແສງ: ທັງສາມໃນ 255 ເຮັດໃຫ້ຂາວ, ທັງໝົດໃນ 0 ເຮັດໃຫ້ດໍ. RGB ເໝາະສົມເມື່ອເຈົ້າຕ້ອງຄຳນວນກັບສີ, ແລະ rgba() ເພີ່ມຄວາມແພກເລື່ອງໂຕະ.
- ສັນຊັນສັນຍາ:
- rgb(R, G, B)
- ຂອບເຂດ:
- 0–255 ຕໍ່ຊ່າງ
- ເຫດທີ່ເຫຼັກ:
- ຄໍາສັ່ງ, canvas, ຄວາມແພກດ້ວຍ rgba()
HEX ແມ່ນຫຍັງ?
ໂຄດ HEX ແມ່ນຕົວເລກແຮບາແຮບາຫົກຫ້ອງທີ່ເກັບຄ່າຊ່າງສີແດງ, ເຂັ້ມ ແລະ ຟຼູ ຫຼັງຈາກຄ່ານໍາຫນ້າ #. ທຸກຄູ່ຂອງໂຄດຄຸ້ມຄອງຊ່າງສີໜຶ່ງ ຈາກ 00 (ບໍ່ມີ) ຫາ FF (ສົ່ງສິ່ງເຕັມ), ຊ່ວຍໃຫ້ມີສີໃນຮູບແບບສັ້ນກວ່າ RGB ແຕ່ຍັງຄືມິກ 16.7 ລ້ານສີ. HEX ເປັນຄ່າເລີ່ມຕົ້ນໃນ CSS, ເຄື່ອງມືອອກແບບ ແລະໜສິນປະກັນຕົວຕົນຍີ່ງ.
- ສັນຊັນສັນຍາ:
- #RRGGBB
- ຂອບເຂດ:
- 00–FF ຕໍ່ຊ່າງ
- ເຫດທີ່ເຫຼັກ:
- CSS, ການສ່ວນງານອອກແບບ, ຄວາມແນະນຳແບບຍີ່ຫໍ່
ຕາຕະລາງອ້າງອີງ RGB ເປັນ HEX
ສີ CSS ທີ່ແພດຫຼາຍທີ່ສຸດ, ແປຈາກ RGB ເປັນ HEX.
| ສີ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |