ໂຄດ HEX ບັນທຶກສີໄວ້ໃນຮູບຂອງຕົວເລກ 8-bit ສາມຕົວໃນຫົກຂົນຫຼັກຮູບຕົວເລກເຮັດເຂົ້າ. ການແປ HEX ເປັນ RGB ໝາຍຄວາມວ່າຈໍາແຍກຕົວເລກເຫຼັກນັ້ນເປັນຄູ່ແລ້ວອ້າງອີງແຕ່ລະຄູ່ເປັນຕົວເລກທົດສະຫຼອດຈຳນວນ 0 ຫາ 255 — ຄ່າທີ່ CSS, Figma ແລະເຄື່ອງມືແກ້ໄຂຮູບຮອບຄາດຫວ່າງ.
ວິທີແປຈາກ HEX ເປັນ RGB
- ລຶບ # ຕົ້ນແລະ, ຖ້າໂຄດມີເທົ່າໃດສາມຕົວ, ສ່ອງແຕ່ລະຕົວສອງຄັ້ງ: #f53 ເປັນ #ff5533.
- ແຍກຫົກຕົວເລກເປັນຄູ່ສາມ — RR, GG ແລະ BB.
- ອ່ານທຸກຄູ່ເປັນຕົວເລກຐານ-16 ແລະແປປ່ຽນເປັນຐານ-10: FF ເປັນ 255, 57 ເປັນ 87, 33 ເປັນ 51.
- ຂຽນຜົນສຳເລັດສອງສາມໃນຮູບ rgb(R, G, B).
ຕົວຢ່າງທີ່ເຮັດໄດ້
ການແປນີ້ແມ່ນຖືກຕ້ອງສົມບູນ. HEX ແລະ RGB ອະທິບາຍເລກ sRGB ດຽວກັນໃນຮູບແບບຕ່າງກັນ, ດັ່ງນັ້ນບໍ່ມີການປົກກະຕິ ຫຼືຂາດຫາຍໃນທັງສອງທາງ.
HEX ແລະ RGB ອະທິບາຍ
HEX ແມ່ນຫຍັງ?
ໂຄດ HEX ແມ່ນຕົວເລກແຮບາແຮບາຫົກຫ້ອງທີ່ເກັບຄ່າຊ່າງສີແດງ, ເຂັ້ມ ແລະ ຟຼູ ຫຼັງຈາກຄ່ານໍາຫນ້າ #. ທຸກຄູ່ຂອງໂຄດຄຸ້ມຄອງຊ່າງສີໜຶ່ງ ຈາກ 00 (ບໍ່ມີ) ຫາ FF (ສົ່ງສິ່ງເຕັມ), ຊ່ວຍໃຫ້ມີສີໃນຮູບແບບສັ້ນກວ່າ RGB ແຕ່ຍັງຄືມິກ 16.7 ລ້ານສີ. HEX ເປັນຄ່າເລີ່ມຕົ້ນໃນ CSS, ເຄື່ອງມືອອກແບບ ແລະໜສິນປະກັນຕົວຕົນຍີ່ງ.
- ສັນຊັນສັນຍາ:
- #RRGGBB
- ຂອບເຂດ:
- 00–FF ຕໍ່ຊ່າງ
- ເຫດທີ່ເຫຼັກ:
- CSS, ການສ່ວນງານອອກແບບ, ຄວາມແນະນຳແບບຍີ່ຫໍ່
RGB ແມ່ນຫຍັງ?
RGB ອະທິບາຍສີໃນຮູບແບບສາມຊ່າງຂອງແສງ — ແດງ, ເຂີ້ງ ແລະ ຟ້າ — ທຸກຊ່າງຈາກ 0 ຫາ 255. ມັນສະຫມັກກັບວິທີທີ່ຈໍສະແດງແສງ: ທັງສາມໃນ 255 ເຮັດໃຫ້ຂາວ, ທັງໝົດໃນ 0 ເຮັດໃຫ້ດໍ. RGB ເໝາະສົມເມື່ອເຈົ້າຕ້ອງຄຳນວນກັບສີ, ແລະ rgba() ເພີ່ມຄວາມແພກເລື່ອງໂຕະ.
- ສັນຊັນສັນຍາ:
- rgb(R, G, B)
- ຂອບເຂດ:
- 0–255 ຕໍ່ຊ່າງ
- ເຫດທີ່ເຫຼັກ:
- ຄໍາສັ່ງ, canvas, ຄວາມແພກດ້ວຍ rgba()
ຕາຕະລາງອ້າງອີງ HEX ເປັນ RGB
ສີ CSS ທີ່ແພດຫຼາຍທີ່ສຸດ, ແປຈາກ HEX ເປັນ RGB.
| ສີ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |