HSL ടു HEX കൺവെർട്ടർ
നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ തന്നെ HSL നെ HEX ലേക്ക് മാറ്റുക — തികച്ചും സൗജന്യമായി, തൽക്ഷണം, ഉദാഹരണവും പൊതുവായ കളർ ചാർട്ടും സഹിതം.
ഒരു HSL മൂല്യം ടൈപ്പ് ചെയ്ത് അതിന് താഴെയുള്ള HEX മൂല്യം വായിക്കുക, അല്ലെങ്കിൽ സ്വാച്ചിൽ നിന്ന് ഒരു നിറം തിരഞ്ഞെടുക്കുക.
ഉദാഹരണം
HSL 11, 100%, 60% = HEX #ff5733
കൺവേർഷൻ എങ്ങനെ പ്രവർത്തിക്കുന്നു
- ഒരു HEX കോഡ് എന്നത് ബേസ്-16-ൽ എഴുതിയ അതേ മൂന്ന് RGB ചാനലുകളാണ്: ഒരു ചാനലിന് രണ്ട് അക്കങ്ങൾ വീതം, 00 (0) മുതൽ ff (255) വരെ.
- HSL ഒരേ നിറത്തെ ഹ്യൂ (hue - കളർ വീലിൽ 0–360°), സാച്ചുറേഷൻ, ലൈറ്റ്നസ് എന്നിവയിലൂടെ വിവരിക്കുന്നു — ഒരു ഘടകം മാത്രം മാറ്റി നിറം ഇരുണ്ടതാക്കാനോ സാച്ചുറേഷൻ കുറയ്ക്കാനോ ഇത് വളരെ സൗകര്യപ്രദമാണ്.
HSL, HEX എന്നിവയിലെ പൊതുവായ നിറങ്ങൾ
| നിറം | HSL | HEX |
|---|---|---|
| ചുവപ്പ് | 0, 100%, 50% | #ff0000 |
| ഓറഞ്ച് | 39, 100%, 50% | #ffa500 |
| മഞ്ഞ | 60, 100%, 50% | #ffff00 |
| പച്ച | 120, 100%, 25% | #008000 |
| സയാൻ | 180, 100%, 50% | #00ffff |
| നീല | 240, 100%, 50% | #0000ff |
| പർപ്പിൾ | 300, 100%, 25% | #800080 |
| പിങ്ക് | 350, 100%, 88% | #ffc0cb |
| തവിട്ടുനിറം | 0, 59%, 41% | #a52a2a |
| വെള്ള | 0, 0%, 100% | #ffffff |
| ചാരനിറം | 0, 0%, 50% | #808080 |
| കറുപ്പ് | 0, 0%, 0% | #000000 |
ഓരോ പരിവർത്തനവും നിങ്ങളുടെ ബ്രൗസറിലാണ് പ്രവർത്തിക്കുന്നത്. നിങ്ങൾ നൽകുന്നതൊന്നും BroBroGo-ലേക്ക് അപ്ലോഡ് ചെയ്യില്ല.
പതിവ് ചോദ്യങ്ങൾ (FAQ)
ഞാൻ എങ്ങനെയാണ് HSL നെ HEX ലേക്ക് മാറ്റുന്നത്?
മുകളിൽ നിങ്ങളുടെ HSL മൂല്യം ടൈപ്പ് ചെയ്യുകയോ പേസ്റ്റ് ചെയ്യുകയോ ചെയ്യുക — നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ തന്നെ HEX മൂല്യം അപ്ഡേറ്റ് ചെയ്യപ്പെടും. നിങ്ങൾക്ക് കളർ സ്വാച്ച് ഉപയോഗിച്ച് നിറം നേരിട്ട് തിരഞ്ഞെടുക്കാനും കഴിയും.
കൺവേർഷൻ തികച്ചും കൃത്യമാണോ?
മൂല്യങ്ങൾ പൂർണ്ണസംഖ്യകളായി റൗണ്ട് ചെയ്തിരിക്കുന്നു, CSS-ഉം ഡിസൈൻ ടൂളുകളും ഇതാണ് പ്രതീക്ഷിക്കുന്നത്. ഈ വ്യത്യാസം നഗ്നനേത്രങ്ങൾക്ക് കാണാൻ കഴിയുന്നതിലും വളരെ താഴെയാണ്.