HSL ಜನರು ಬಣ್ಣವನ್ನು ಹೇಗೆ ವರ್ಣಿಸುತ್ತಾರೆ ಎಂಬ ರೀತಿಯಲ್ಲಿ ವರ್ಣಿಸುತ್ತದೆ: ಯಾವ ಹ್ಯೂ, ಎಷ್ಟು ಬಣ್ಣದಿರುತ್ತೆ, ಎಷ್ಟು ಬೆಳಕು. HEX ಕೋಡ್ ಅನ್ನು HSLಗೆ ಪರಿವರ್ತಿಸುವುದು رنگವನ್ನು ನೇರವಾಗಿ ಎಡಿಟ್ ಮಾಡಬಹುದಾದ ರೂಪಕ್ಕೆ ತರುವ ಅತ್ಯಂತ ವೇಗದ ವಿಧಾನ — ಅದನ್ನು ಹಿಂಬದಿಸುವುದು, ಮಿಷ ಮಾಡಿದ್ರೆ ಅಥವಾ ಸಂಪೂರ್ಣ ಸ್ಕೇಲ್ ರಚಿಸುವುದು.
HEX ರ পৰা HSL ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
- HEX ಕೋಡ್ ಅನ್ನು RGBಗೆ ಪರಿವರ್ತಿಸಿ ಮತ್ತು ಪ್ರತಿ ಚಾನಲ್ ಅನ್ನು 255ರಿಂದ ಭಾಗಿಸಿ, ಹೀಗೆ ಮೂವರು ಮೌಲ್ಯಗಳು 0 ಮತ್ತು 1 ನಡುವಣದಲ್ಲಿರುತ್ತವೆ.
- ಮೂರೂ ಮೌಲ್ಯಗಳಲ್ಲಿನ ಅಧಿಕતમ ಮತ್ತು ಕನಿಷ್ಟವನ್ನು ಕಂಡುಹಿಡಿಯು. ಅವುಗಳ ಸರಾಸರಿ lightness L ಆಗಿದೆ.
- ಅವುಗಳ ಮಧ್ಯೆ ಇರುವ ವ್ಯತ್ಯಾಸ saturation S ಅನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ: ಲೈಟ್ ಬಣ್ಣಗಳಿಗಾಗಿ ಇದನ್ನು (2 − max − min) ಮೂಲಕ ಭಾಗಿಸು, ಕತ್ತಲೆ ಬಣ್ಣಗಳಿಗಾಗಿ (max + min) ಮೂಲಕ ಭಾಗಿಸು.
- ಅಧಿಕಮಟ್ಟವನ್ನು ಹಿಡಿದಿರುವ ಚಾನಲ್ hue H ಅನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ — ಕೆಂಪು 0°, ಹಸಿರು 120°, ನೀಲಿ 240° — ಮತ್ತು ಉಳಿದ ಎರಡು ಚಾನಲ್ಗಳು ಆ ವಿಭಾಗದ ಒಳಗೆ ಹ್ಯೂವನ್ನು ಸ್ಥಾಪಿಸುತ್ತವೆ.
ಕಾರ್ಯನಿರ್ವಹಿಸಿರುವ ಉದಾಹರಣೆ
ಗಣಿತ ನಿಖರಾದಾಗಿರುವುದು, ಆದರೆ HSL ಮೌಲ್ಯಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಪೂರ್ಣ ಡಿಗ್ರಿಗಳು ಮತ್ತು ಶೇಕಡಾವಾರುಗಳಿಗೆ ರೌಂಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಹೀಗಾಗಿ ಮತ್ತೆ ಪರಿವರ್ತಿಸಲು ಮೂಲ RGB ನೊಂದಿಗಿನು ಒಂದು ಅಥವಾ ಎರಡು ಹೆಜ್ಜೆಗಳ ಸರಕರಣ ಸಂಭವಿಸಬಹುದು — ಪ್ರಾಯೋಗಿಕವಾಗಿ ಅಸ್ಪೃಶ್ಯ, ಆದರೆ ವರ್ಡ್-ರೌಂಡ್ ಟ್ರಿಪ್ ಮಾಡಿದಾಗ ತಿಳಿದುಕೊಂಡಿದ್ದರೆ ಒಳ್ಳೆಯದು.
HEX ಮತ್ತು HSL ವಿವರಿಸಲಾಗಿದೆ
HEX ಏನು?
HEX ಕೋಡ್ ಒಂದು ಆರು-ಅಂಕಿಯ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆ, ಅದು ಕಾಂಪನಿಯ ಮುಂಭಾಗದ #ೊಂದಿಗೆ ಬಣ್ಣದ ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ ಚಾನೆಲ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಜೋಡಿ ಅಂಕಿಗಳು ಒಂದು ಚಾನೆಲ್ ಅನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, 00 (ಯಾವುದೂ ಇಲ್ಲ) ರಿಂದ FF (ಪೂರ್ಣ) ವರೆಗೆ, ಇದು RGB ನ 16.7 ಮಿಲಿಯನ್ ಬಣ್ಣಗಳಿಗೆ ಸ್ಪಷ್ಟ, ಸಂಕ್ಷಿಪ್ತ ಸಂಖ್ಯೆಪ್ರಕಾರ ನೀಡುತ್ತದೆ. HEX CSS, ವಿನ್ಯಾಸ ಸಾಧನಗಳು ಮತ್ತು ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳುಗಳಲ್ಲಿ ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ.
- ವಿನ್ಯಾಸ:
- #RRGGBB
- ಶ್ರೇಣಿ:
- ಪ್ರತಿಚಾನೆಲ್ 00–FF
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- CSS, ವಿನ್ಯಾಸ ಹ್ಯಾಂಡ್ಓಫ್, ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳು
HSL ಏನು?
HSL ಒಂದು ಬಣ್ಣವನ್ನು ಹ್ಯೂ (ರಂಗದ ಚಕ್ರದಲ್ಲಿ 0–360°), ಸೆಚುರೇಶನ್ (ಎಷ್ಟು ಬಣ್ಣತೆಯಿದೆ, 0–100%) ಮತ್ತು ಲೈಟ್‌ನೆಸ್ (ಎಷ್ಟು ಗೋರುತ್ತದೆ, 0–100%) ಎಂದು ವಿಭಜಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಭಾಗವೂ ಜನರು ಬಣ್ಣವನ್ನು ವರ್ಣಿಸುವ ರೀತಿ ಹೊಂದಿರುವುದರಿಂದ, HSL ಟಿಂಟ್‌ಗಳು, ಷೇಡ್ಗಳು ಮತ್ತು ಸुसಂಗತ ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು — ಕೈಯಿಂದ ಅಥವಾ ಕೋಡ್‌ನಲ್ಲಿ — ನಿರ್ಮಿಸುವಲ್ಲಿ ಸುಲಭವಾಗಿದೆ.
- ವಿನ್ಯಾಸ:
- hsl(H, S%, L%)
- ಶ್ರೇಣಿ:
- 0–360°, 0–100%, 0–100%
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- ಪ್ಯಾಲೆಟ್‌ಗಳು, ಟಿಂಟ್‌ಗಳು ಮತ್ತು ಷೇಡ್ಗಳು, ಥೀಮಿಂಗ್
HEX ರ পৰা HSL ಗೆ ಸೂಚನಾ పట్టೆ
ಅತಿದೊಡ್ಡ ಸಾಮಾನ್ಯ CSS ಬಣ್ಣಗಳು, HEX ಯಿಂದ HSL ಗೆ ಪರಿವರ್ತಿಸಲ್ಪಟ್ಟಿವೆ.
| ಬಣ್ಣ | HEX | HSL |
|---|---|---|
| black | #000000 | hsl(0, 0%, 0%) |
| white | #FFFFFF | hsl(0, 0%, 100%) |
| red | #FF0000 | hsl(0, 100%, 50%) |
| lime | #00FF00 | hsl(120, 100%, 50%) |
| blue | #0000FF | hsl(240, 100%, 50%) |
| yellow | #FFFF00 | hsl(60, 100%, 50%) |
| orange | #FFA500 | hsl(39, 100%, 50%) |
| teal | #008080 | hsl(180, 100%, 25%) |
| purple | #800080 | hsl(300, 100%, 25%) |
| gray | #808080 | hsl(0, 0%, 50%) |