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