ImageColorPicker.com

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

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

#FF5733

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

RGB ප්‍රතිඵලය
රතු
255
හරිත
87
නිල්
51

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

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

HEX කේතයක් තුනක් 8-bit සංඛ්‍යා එක්කර හය අංක හෙක්සාදශම අක්ෂර වලට ඇතුළත් කරනවා. HEX → RGB පරිවර්තනය යනු ඒ අක්ෂර හය බෙදා එක්-ජෝඩු බවට ගෙන එක් එක් ජෝඩුවක් දශම සංඛ්‍යාවක් (0–255) ලෙස කියවීමයි — CSS, Figma සහ රූප සංස්කාරක බොහෝ මෙවලම් අපේක්ෂා කරන නිවැරදි වටිනාකම්.

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

  1. නායක # ඉවතර කරන්න, කේතය තුළ අක්ෂර 3 ක් පමණක් තිබේ නම් එක් අක්ෂරය දෙගුණ කරන්න: #f53 → #ff5533.
  2. හය අක්ෂර ත්‍රි-ජෝඩු වලට බෙදන්න — RR, GG සහ BB.
  3. එක් එක් ජෝඩුව පදනම්-16 සංඛ්‍යාවක් ලෙස කියවා පදනම්-10 වෙත පරිවර්තනය කරන්න: FF → 255, 57 → 87, 33 → 51.
  4. තෙව් ප්‍රතිඵල rgb(R, G, B) ලෙස ලියන්න.

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

HEX #FF5733=RGB rgb(255, 87, 51)

මෙම පරිවර්තනය නිවැරදිය. 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 වෙත පරිවර්තනය කර තිබේ.

වර්ණයHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

තවත් වර්ණ පරිවර්තක

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

නායක # ඉවතර කරන්න, කේතය තුළ අක්ෂර 3 ක් පමණක් තිබේ නම් එක් අක්ෂරය දෙගුණ කරන්න: #f53 → #ff5533. හය අක්ෂර ත්‍රි-ජෝඩු වලට බෙදන්න — RR, GG සහ BB. එක් එක් ජෝඩුව පදනම්-16 සංඛ්‍යාවක් ලෙස කියවා පදනම්-10 වෙත පරිවර්තනය කරන්න: FF → 255, 57 → 87, 33 → 51. තෙව් ප්‍රතිඵල rgb(R, G, B) ලෙස ලියන්න.

මෙම පරිවර්තනය නිවැරදිය. HEX සහ RGB දෙකම sRGB වටිනාකම් එකම ලෙස වෙනස් නෝටේශන් වලින් නිරූපණය කරන අතර, කිසිවක් වටහාගැනීම හෝ අහිමි වීමක් සිදු නොවේ.

RGB වර්ණයක් රතු, කලාව සහ නිල් ලෙස වූ ආලෝක චැනල් තුනක් ලෙස විස්තර කරනවා — එක් එක් චැනලය 0 සිට 255 දක්වා. එය තිර කෙලසින්ම ක්‍රියා කරන ආකාරයට අනුකූල වන අතර: සියළු චැනල් 255 නම් සුදු, සියළුම 0 නම් කලු වේ. වර්ණ සමඟ ගණනය කිරීම අවශ්‍ය වියහොත් RGB හොඳම තේරීමයි; rgba() මගින් පාරදර්ශිතාව ද එක් කළ හැක.

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

චැනල එකක් අනුව චලනය කිරීම, කේතයේ වර්ණ මිශ්‍ර කිරීම, හෝ rgba() සමඟ පාරදර්ශිතාව එකතු කිරීම වැනි සංඛ්‍යාත්මක ක්‍රියා සඳහා RGB භාවිතා කරන්න. ස්ථීර CSS සඳහා HEX තවමත් කෙටියෙන් හා කියවීමට පහසු තෝරනයි.