RGB ඔබට 0 සිට 255 දක්වා ත්රි-දශම චැනල් දෙයි. HEX වෙත පරිවර්තනය කිරීමෙන් එක් එක් චැනලය දෙ-අංක හෙක්සාදශම සංඛ්යාවකට පරිවර්තනය වෙයි, එලෙස මුළු වර්ණය එක සංකීර්ණ ටෝකනයකට ගැළපෙනවා—සියලු බ්රව්සර, නිර්මාණ මෙවලම් සහ විලාසිතා මාර්ගෝපදේශ මෙය හැදෑරීමේ දේ.
RGB සිට HEX පරිවර්තනය කෙසේ සිදු වෙයි
- රතු චැනලය ගෙන එය 16 හා බෙදන්න: භාජකය පළමු අංකය, අතුරුලැබීම දෙවන අංකය වේ.
- 10 සිට 15 දක්වා අංක අකුරු A සිට F ලෙස ලියන්න — 255 හිස් FF බවට පත්වේ.
- නීල සහ කොළ සඳහාද නැවත කරන්න, එක් අංකයක් තිබේනම් ඉදිරියට ශූන්යයක් එක්කරන්න: 5 ලෙස 05 වේ.
- මේ ත්රි-ජෝඩු එකට එකතු කර ඉදිරියේ # එකක් දාන්න.
කාර්යක්ෂම උදාහරණය
චැනල පොළොව පූර්ණ සංඛ්යා (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 මිලියන වර්ණ එකම පරාසය කෙටියෙන් නිරූපණය කරන නිසා CSS, නිර්මාණ මෙවලම් සහ සන්නිවේදන ගුන පත්ර හි සම්භාව්යයි.
- වක්රරචනය:
- #RRGGBB
- පරාසය:
- චැනලය අනුව 00–FF
- භාවිතයට හොඳම:
- CSS, නිර්මාණ භාරදීම, brand guidelines
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 |