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 ಅನ್ನು ಪರಿಶೀಲಿಸಿ (ಮರುಹೊಂದಿಕೆಗಳು, ಆನುವಂಶಿಕ ಬಣ್ಣಗಳು). ರಚಿಸಲಾದ ನಿಯಮವನ್ನು ಮೊದಲು ಪ್ರತ್ಯೇಕವಾದ ಸ್ಟೈಲ್ಶೀಟ್ಗೆ ನಕಲಿಸಿ.
FAQ
ಇದು ನನ್ನ 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