HEX කේතයක් තුනක් 8-bit සංඛ්යා එක්කර හය අංක හෙක්සාදශම අක්ෂර වලට ඇතුළත් කරනවා. HEX → RGB පරිවර්තනය යනු ඒ අක්ෂර හය බෙදා එක්-ජෝඩු බවට ගෙන එක් එක් ජෝඩුවක් දශම සංඛ්යාවක් (0–255) ලෙස කියවීමයි — CSS, Figma සහ රූප සංස්කාරක බොහෝ මෙවලම් අපේක්ෂා කරන නිවැරදි වටිනාකම්.
HEX සිට RGB පරිවර්තනය කෙසේ සිදු වෙයි
- නායක # ඉවතර කරන්න, කේතය තුළ අක්ෂර 3 ක් පමණක් තිබේ නම් එක් අක්ෂරය දෙගුණ කරන්න: #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 මිලියන වර්ණ එකම පරාසය කෙටියෙන් නිරූපණය කරන නිසා CSS, නිර්මාණ මෙවලම් සහ සන්නිවේදන ගුන පත්ර හි සම්භාව්යයි.
- වක්රරචනය:
- #RRGGBB
- පරාසය:
- චැනලය අනුව 00–FF
- භාවිතයට හොඳම:
- CSS, නිර්මාණ භාරදීම, brand guidelines
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) |