RGB ടു HSL കൺവെർട്ടർ
നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ തന്നെ RGB നെ HSL ലേക്ക് മാറ്റുക — തികച്ചും സൗജന്യമായി, തൽക്ഷണം, ഉദാഹരണവും പൊതുവായ കളർ ചാർട്ടും സഹിതം.
ഒരു RGB മൂല്യം ടൈപ്പ് ചെയ്ത് അതിന് താഴെയുള്ള HSL മൂല്യം വായിക്കുക, അല്ലെങ്കിൽ സ്വാച്ചിൽ നിന്ന് ഒരു നിറം തിരഞ്ഞെടുക്കുക.
ഉദാഹരണം
RGB 255, 87, 51 = HSL 11, 100%, 60%
കൺവേർഷൻ എങ്ങനെ പ്രവർത്തിക്കുന്നു
- HSL ഒരേ നിറത്തെ ഹ്യൂ (hue - കളർ വീലിൽ 0–360°), സാച്ചുറേഷൻ, ലൈറ്റ്നസ് എന്നിവയിലൂടെ വിവരിക്കുന്നു — ഒരു ഘടകം മാത്രം മാറ്റി നിറം ഇരുണ്ടതാക്കാനോ സാച്ചുറേഷൻ കുറയ്ക്കാനോ ഇത് വളരെ സൗകര്യപ്രദമാണ്.
RGB, HSL എന്നിവയിലെ പൊതുവായ നിറങ്ങൾ
| നിറം | RGB | HSL |
|---|---|---|
| ചുവപ്പ് | 255, 0, 0 | 0, 100%, 50% |
| ഓറഞ്ച് | 255, 165, 0 | 39, 100%, 50% |
| മഞ്ഞ | 255, 255, 0 | 60, 100%, 50% |
| പച്ച | 0, 128, 0 | 120, 100%, 25% |
| സയാൻ | 0, 255, 255 | 180, 100%, 50% |
| നീല | 0, 0, 255 | 240, 100%, 50% |
| പർപ്പിൾ | 128, 0, 128 | 300, 100%, 25% |
| പിങ്ക് | 255, 192, 203 | 350, 100%, 88% |
| തവിട്ടുനിറം | 165, 42, 42 | 0, 59%, 41% |
| വെള്ള | 255, 255, 255 | 0, 0%, 100% |
| ചാരനിറം | 128, 128, 128 | 0, 0%, 50% |
| കറുപ്പ് | 0, 0, 0 | 0, 0%, 0% |
ഓരോ പരിവർത്തനവും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രവർത്തിക്കുന്നത്. നിങ്ങൾ നൽകുന്നതൊന്നും BroBroGo-ലേക്ക് അപ്ലോഡ് ചെയ്യില്ല.
പതിവ് ചോദ്യങ്ങൾ (FAQ)
ഞാൻ എങ്ങനെയാണ് RGB നെ HSL ലേക്ക് മാറ്റുന്നത്?
മുകളിൽ നിങ്ങളുടെ RGB മൂല്യം ടൈപ്പ് ചെയ്യുകയോ പേസ്റ്റ് ചെയ്യുകയോ ചെയ്യുക — നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ തന്നെ HSL മൂല്യം അപ്ഡേറ്റ് ചെയ്യപ്പെടും. നിങ്ങൾക്ക് കളർ സ്വാച്ച് ഉപയോഗിച്ച് നിറം നേരിട്ട് തിരഞ്ഞെടുക്കാനും കഴിയും.
കൺവേർഷൻ തികച്ചും കൃത്യമാണോ?
മൂല്യങ്ങൾ പൂർണ്ണസംഖ്യകളായി റൗണ്ട് ചെയ്തിരിക്കുന്നു, CSS-ഉം ഡിസൈൻ ടൂളുകളും ഇതാണ് പ്രതീക്ഷിക്കുന്നത്. ഈ വ്യത്യാസം നഗ്നനേത്രങ്ങൾക്ക് കാണാൻ കഴിയുന്നതിലും വളരെ താഴെയാണ്.