HEX ↔ RGB ↔ HSL കൺവെർട്ടർ
തത്സമയ സ്വിച്ച് ഉപയോഗിച്ച് HEX, RGB, HSL എന്നിവയ്ക്കിടയിൽ നിറങ്ങൾ തൽക്ഷണം പരിവർത്തനം ചെയ്യുക. ഏതെങ്കിലും ഫീൽഡ് എഡിറ്റ് ചെയ്യുക - മറ്റുള്ളവ സമന്വയത്തിൽ തുടരും.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- തത്സമയ സ്വിച്ച് ഉപയോഗിച്ച് HEX, RGB, HSL എന്നിവയ്ക്കിടയിൽ നിറങ്ങൾ തൽക്ഷണം പരിവർത്തനം ചെയ്യുക.
- നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു
- സൗജന്യമായി ഉപയോഗിക്കാം
എങ്ങനെ ഉപയോഗിക്കാം
- ഒരു HEX, RGB അല്ലെങ്കിൽ HSL മൂല്യം നൽകുക.
- മറ്റ് ഫോർമാറ്റുകൾ സ്വയമേവ അപ്ഡേറ്റ് ചെയ്യുന്നത് കാണുക.
- നിങ്ങൾക്ക് ആവശ്യമുള്ള ഫോർമാറ്റ് പകർത്തുക.
How this tool works
- ഒരു HEX, RGB അല്ലെങ്കിൽ HSL മൂല്യം നൽകുക.
- മറ്റ് ഫോർമാറ്റുകൾ സ്വയമേവ അപ്ഡേറ്റ് ചെയ്യുന്നത് കാണുക.
- നിങ്ങൾക്ക് ആവശ്യമുള്ള ഫോർമാറ്റ് പകർത്തുക.
Recommended settings
- ആദ്യം ഡിഫോൾട്ട് ഓപ്ഷനുകൾ ഉപയോഗിക്കുക, തുടർന്ന് ആവശ്യമെങ്കിൽ ക്രമീകരിക്കുക
Supported formats
Text / on-page input
File size and limits
- വളരെ സങ്കീർണ്ണമായ മൾട്ടി-ലെയർ പ്രിവ്യൂകൾ പഴയ ഫോണുകളിൽ മന്ദഗതിയിലായേക്കാം.
Privacy
നിറവും CSS ജനറേറ്ററുകളും പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു. പ്രിവ്യൂകളും പരിവർത്തനങ്ങളും ഒരിക്കലും നിങ്ങളുടെ ശൈലികൾ അപ്ലോഡ് ചെയ്യുന്നില്ല.
Common use cases
- നിങ്ങൾക്ക് ആവശ്യമുള്ളപ്പോഴെല്ലാം HEX ↔ RGB ↔ HSL കൺവെർട്ടർ ഉപയോഗിക്കുക: തത്സമയ സ്വിച്ച് ഉപയോഗിച്ച് HEX, RGB, HSL എന്നിവയ്ക്കിടയിൽ നിറങ്ങൾ തൽക്ഷണം പരിവർത്തനം ചെയ്യുക.
Troubleshooting
ഒട്ടിച്ചതിന് ശേഷം പ്രിവ്യൂ വ്യത്യസ്തമായി കാണപ്പെടുന്നു
നിങ്ങളുടെ പേജിൽ മത്സരിക്കുന്ന CSS പരിശോധിക്കുക (റീസെറ്റുകൾ, പാരമ്പര്യ നിറങ്ങൾ). ജനറേറ്റ് ചെയ്ത നിയമം ആദ്യം ഒരു ഒറ്റപ്പെട്ട സ്റ്റൈൽഷീറ്റിലേക്ക് പകർത്തുക.
പതിവ് ചോദ്യങ്ങൾ
ഇത് എൻ്റെ CSS അപ്ലോഡ് ചെയ്യുന്നുണ്ടോ?
നമ്പർ. ജനറേറ്ററുകളും കൺവെർട്ടറുകളും തത്സമയ പ്രിവ്യൂ ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.
എനിക്ക് ഒരു അക്കൗണ്ട് ആവശ്യമുണ്ടോ?
ഇല്ല. ടൂൾ തുറക്കുക, നിയന്ത്രണങ്ങൾ മാറ്റുക, CSS പകർത്തുക.
ബന്ധപ്പെട്ട ടൂളുകൾ
Color Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolBox Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open tool