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