സൗജന്യ കൺവെർട്ടർ

എച്ച്എസ്എൽ വരെ HEX കൺവെർട്ടർ

HSL വർണ്ണ മൂല്യങ്ങൾ തൽക്ഷണം HEX കളർ കോഡുകളിലേക്ക് പരിവർത്തനം ചെയ്യുക - സൗജന്യ, തത്സമയ കളർ കൺവെർട്ടർ.

നിറം
സാച്ചുറേഷൻ (%)
ലഘുത്വം (%)

HEX ഔട്ട്പുട്ട്

#368CE2
R:54
G:140
B:226

ഫോർമാറ്റ് പകർത്തുക

#HEX ഫോർമാറ്റ്#368CE2
hsl() ഫോർമാറ്റ്hsl(210°, 75%, 55%)
rgb() ഫോർമാറ്റ്rgb(54, 140, 226)

ഈ ടൂളിനെ കുറിച്ച്

HSL (Hue, Saturation, Lightness) വർണ്ണ മൂല്യങ്ങൾ ഹെക്സാഡെസിമൽ കോഡുകളിലേക്ക് പരിവർത്തനം ചെയ്യുക. HSL എന്നത് ഒരു അവബോധജന്യമായ വർണ്ണ മാതൃകയാണ്, അവിടെ ഹ്യൂ എന്നത് വർണ്ണ കോൺ (0-360°), സാച്ചുറേഷൻ എന്നത് വർണ്ണ തീവ്രത (0-100%), പ്രകാശം എന്നത് നിറം എത്ര പ്രകാശമോ ഇരുണ്ടതോ ആണെന്ന് (0-100%) നിയന്ത്രിക്കുന്നു. HSL-ൽ പ്രവർത്തിക്കുന്ന ഡിസൈനർമാർക്കും CSS-ന് ഹെക്സ് കോഡുകൾ ആവശ്യമുള്ളവർക്കും ഉപയോഗപ്രദമാണ്.

ഉപയോഗിക്കേണ്ട വിധം

  1. ഹ്യൂ മൂല്യം നൽകുക (വർണ്ണ ചക്രത്തിൽ 0-360 ഡിഗ്രി).
  2. സാച്ചുറേഷൻ (0-100%), ലഘുത്വം (0-100%) എന്നിവ സജ്ജമാക്കുക.
  3. ഹെക്‌സ് കോഡ് കണക്കാക്കുകയും തത്സമയം പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു.
  4. നിങ്ങളുടെ CSS അല്ലെങ്കിൽ ഡിസൈൻ ടൂളിൽ ഉപയോഗിക്കുന്നതിന് ഹെക്സ് കോഡ് പകർത്തുക.

പതിവ് ചോദ്യങ്ങള്

ഹെക്സ് അല്ലെങ്കിൽ ആർജിബിക്ക് പകരം എച്ച്എസ്എൽ ഉപയോഗിക്കുന്നത് എന്തുകൊണ്ട്?
എച്ച്എസ്എൽ മനുഷ്യർക്ക് കൂടുതൽ അവബോധജന്യമാണ്. ഇരുണ്ട നിഴൽ വേണോ? ഭാരം കുറയ്ക്കുക. ഒരു നിശബ്ദ പതിപ്പ് വേണോ? സാച്ചുറേഷൻ കുറയ്ക്കുക. നിങ്ങൾ മൂന്ന് ചാനലുകളും ക്രമീകരിക്കേണ്ട ഹെക്‌സിലോ RGB-ലോ ഈ ബന്ധങ്ങൾ വ്യക്തമല്ല.
0 vs 360 ൻ്റെ ഒരു ഹ്യൂ എന്താണ് അർത്ഥമാക്കുന്നത്?
0° ഉം 360° ഉം ചുവപ്പാണ് - ഹ്യൂ വീൽ ചുറ്റുന്നു. പ്രധാന നിറങ്ങൾ: 0° = ചുവപ്പ്, 60° = മഞ്ഞ, 120° = പച്ച, 180° = സിയാൻ, 240° = നീല, 300° = മജന്ത.
0%, 100% സാച്ചുറേഷനിൽ എന്ത് സംഭവിക്കും?
0% സാച്ചുറേഷനിൽ, ഏത് നിറവും ചാരനിറത്തിലുള്ള നിഴലായി മാറുന്നു (ഇളക്കം കൊണ്ട് മാത്രം നിർണ്ണയിക്കപ്പെടുന്നു). 100% സാച്ചുറേഷനിൽ, ആ നിറത്തിൻ്റെ ഏറ്റവും ശുദ്ധവും ഉജ്ജ്വലവുമായ പതിപ്പ് നിങ്ങൾക്ക് ലഭിക്കും.
ലഘുത്വം എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത്?
നിറം/സാച്ചുറേഷൻ പരിഗണിക്കാതെ 0% പ്രകാശം എപ്പോഴും കറുപ്പാണ്. 100% എപ്പോഴും വെളുത്തതാണ്. 50% നിറത്തിൻ്റെ ശുദ്ധവും ഏറ്റവും ഊർജ്ജസ്വലവുമായ പതിപ്പ് നൽകുന്നു. 0-50% വരെയുള്ള മൂല്യങ്ങൾ ഇരുണ്ട ഷേഡുകളാണ്, 50-100% ഇളം നിറങ്ങളാണ്.