RGB සිට HEX පරිවර්තකය

ඕනෑම RGB වර්ණයක් HEX වෙත — ක්ෂණිකව සහ නොමිලේ

#4F46E5

ඕනෑම වර්ණ අගයක් ඇලවන්න. එහි ආකාරය අපි ඔබ වෙනුවෙන් හඳුනා ගනිමු.

R
G
B
HEX ප්‍රතිඵලය

මෙම වර්ණය සියලුම ආකාරවලින්

CMYK පැතිකඩ: Coated FOGRA39 (යුරෝපය සඳහා Photoshop හි පෙරනිමිය)

RGB ඔබට 0 සිට 255 දක්වා ත්‍රි-දශම චැනල් දෙයි. HEX වෙත පරිවර්තනය කිරීමෙන් එක් එක් චැනලය දෙ-අංක හෙක්සාදශම සංඛ්‍යාවකට පරිවර්තනය වෙයි, එලෙස මුළු වර්ණය එක සංකීර්ණ ටෝකනයකට ගැළපෙනවා—සියලු බ්‍රව්සර, නිර්මාණ මෙවලම් සහ විලාසිතා මාර්ගෝපදේශ මෙය හැදෑරීමේ දේ.

RGB සිට HEX පරිවර්තනය කෙසේ සිදු වෙයි

  1. රතු චැනලය ගෙන එය 16 හා බෙදන්න: භාජකය පළමු අංකය, අතුරුලැබීම දෙවන අංකය වේ.
  2. 10 සිට 15 දක්වා අංක අකුරු A සිට F ලෙස ලියන්න — 255 හිස් FF බවට පත්වේ.
  3. නීල සහ කොළ සඳහාද නැවත කරන්න, එක් අංකයක් තිබේනම් ඉදිරියට ශූන්‍යයක් එක්කරන්න: 5 ලෙස 05 වේ.
  4. මේ ත්‍රි-ජෝඩු එකට එකතු කර ඉදිරියේ # එකක් දාන්න.

කාර්යක්‌ෂම උදාහරණය

RGB rgb(79, 70, 229)=HEX #4F46E5

චැනල පොළොව පූර්ණ සංඛ්‍යා (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 වෙත පරිවර්තනය කර තිබේ.

වර්ණයRGBHEX
blackrgb(0, 0, 0)#000000
whitergb(255, 255, 255)#FFFFFF
redrgb(255, 0, 0)#FF0000
limergb(0, 255, 0)#00FF00
bluergb(0, 0, 255)#0000FF
yellowrgb(255, 255, 0)#FFFF00
orangergb(255, 165, 0)#FFA500
tealrgb(0, 128, 128)#008080
purplergb(128, 0, 128)#800080
grayrgb(128, 128, 128)#808080

පහසුවෙන් අසන ප්‍රශ්න

රතු චැනලය ගෙන එය 16 හා බෙදන්න: භාජකය පළමු අංකය, අතුරුලැබීම දෙවන අංකය වේ. 10 සිට 15 දක්වා අංක අකුරු A සිට F ලෙස ලියන්න — 255 හිස් FF බවට පත්වේ. නීල සහ කොළ සඳහාද නැවත කරන්න, එක් අංකයක් තිබේනම් ඉදිරියට ශූන්‍යයක් එක්කරන්න: 5 ලෙස 05 වේ. මේ ත්‍රි-ජෝඩු එකට එකතු කර ඉදිරියේ # එකක් දාන්න.

චැනල පොළොව පූර්ණ සංඛ්‍යා (0–255) නම් මෙය නිවැරදියි. rgb(79.5, 70, 229) වැනි කොටස්මය අගයන් ප්‍රථමයෙන් අසන්නට අවටවට පිහිටුවනු ලැබේ, මන්ද HEX එක අතරමං වටිනාකම් ගබඩා කළ නොහැක.

HEX කේතයක් යනු නායක # එකක් සමඟින් රතු, කියළු සහ නිල් චැනල් ගබඩා කරන හය-අංක හෙක්සාදශම සංඛ්‍යාවකි. එක්-පුවරුවක් එක් චැනලය නිරූපණය කරන බැවින් 00 (සිසිලීම) සිට FF (පූර්ණය) දක්වා වන අගයන් තියේ. එය RGB හි 16.7 මිලියන වර්ණ එකම පරාසය කෙටියෙන් නිරූපණය කරන නිසා CSS, නිර්මාණ මෙවලම් සහ සන්නිවේදන ගුන පත්‍ර හි සම්භාව්‍යයි.

ඔව්. ඇතුල් කිරීමේ ආසන්නයේ ඇති හුවමාරු බොත්තම ඔබව HEX → RGB පරිවර්තකයට ගෙන යයි. එය සමාන ක්‍රමවේදය අනුව ක්‍රියා කරයි — දෙපාර්ශ්වයද ඒකම සූත්‍රය භාවිතා කරයි, සාමාන්‍යයෙන් ප්‍රතිපල ආපසු ගන්නා ආකාරයට යෙදී.

වැඩි දුරට developers හා brand guidelines සඳහා දීම සඳහා HEX වඩාත් සුදුසුයි: කෙටි, වැරදි ලෙස type කිරීමට අමාරු සහ සෑම තැනකම සහය වේ. චැනල සමඟ ගණනය කිරීමට තවම අවශ්‍ය නම් RGB හි පැනගෙන සිටින්න.