ಪ್ರಿಂಟ್ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ವೆಬ್ಗೆ ತಂದು HSL ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದು ಸುಲಭ: ಒಂದು ಬಾರಿ ನಿಮ್ಮ ಇಂಕ್ ಮಿಶ್ರಣ hue, saturation ಮತ್ತು lightness ಆಗಿ ವ್ಯಕ್ತವಾಗಿದ್ರೆ, ಹೋವರ್ ಸ್ಥಿತಿಗಳು, ಟಿಂಟ್ಸ್ ಮತ್ತು ಷೇಡ್ಗಳನ್ನು ಸೆಕೆಂಡ್ಗಳಲ್ಲಿ ನಿರ್ಮಿಸಬಹುದು.
CMYK ರ পৰা HSL ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
- CMYK ಶೇಕಡಾವಾರುಗಳನ್ನು 0–255 ರ ಒಳಗಿನ RGB ಚಾನೆಲ್ಗಳಿಗೆ ಪರಿವರ್ತಿಸಿ.
- ಚಾನೆಲ್ಗಳನ್ನು 255 ರಿಂದ ಭಾಗಿಸಿ ಮತ್ತು ಅವುಗಳ ಗರಿಷ್ಟ ಮತ್ತು ಕನಿಷ್ಠ ಮೌಲ್ಯಗಳನ್ನು ಪಡೆದುಕೋಳಿ.
- ಗರಿಷ್ಠ ಮತ್ತು ಕನಿಷ್ಠದ ಸರಾಸರಿ lightness L ಆಗಿದ್ದು, ಅವರ ವ್ಯಾಪ್ತಿ saturation S ಅನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ.
- ಗರಿಷ್ಠವನ್ನು ಹಿಡಿದಿರುವ ಚಾನೆಲ್ ಬಣ್ಣಚಕ್ರ上的 H ಅನ್ನು ಡಿಗ್ರಿಗಳಲ್ಲಿ ನಿರ್ಧರಿಸುತ್ತದೆ.
ಕಾರ್ಯನಿರ್ವಹಿಸಿರುವ ಉದಾಹರಣೆ
CMYK ನಿಂದ RGB ಗೆ ಹಂತ ಈಗಾಗಲೇ ಒಂದು ಆನೂಮಾನ ಮತ್ತು HSL ಮೌಲ್ಯಗಳನ್ನು ಪೂರ್ಣ ಸಂಖ್ಯೆಗಳಿಗೆ ರೌಂಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಫಲাফল ಬಹುಮುಖ್ಯವಾಗಿ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ, ಬಣ್ಣ-ನಿಯಂತ್ರಿತ ಪರಿವರ್ತನೆ ಅಲ್ಲ.
CMYK ಮತ್ತು HSL ವಿವರಿಸಲಾಗಿದೆ
CMYK ಏನು?
CMYK ಮುದ್ರಣದಲ್ಲಿ ಬಳಸುವ ನಾಲ್ಕು ಇಂಕ್ ಮಾದರಿ: ಸ್ಯಾನ್, ಮಜಿಂಟಾ, ಹಳದಿ ಮತ್ತು ಕೀ (ಕಪ್ಪು), ಪ್ರತಿಯೊಂದುವು 0 ರಿಂದ 100 ರವರೆಗೆ ಶೇಕಡಾವಾರು. ಇಂಕ್ ಬೆಳಕನ್ನು ಬಿಡುಗಡೆಯಷ್ಟಕ್ಕೆ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ, ಆದ್ದರಿಂದ CMYK ಸ್ಕ್ರೀನ್ಗಿಂತ ಕಡಿಮೆ ಬಣ್ಣಗಳನ್ನು ಕವರ್ ಮಾಡುತ್ತದೆ — ಆದ್ದರಿಂದ պայನ್ವತಿ ಸ್ಕ್ರೀನ್ ಬಣ್ಣಗಳು ಮುದ್ರಣವಾದಾಗ ಸಾಮಾನ್ಯವಾಗಿ ಮದ್ಯಮವಾಗಿ ಕಾಣಬಹುದು.
- ವಿನ್ಯಾಸ:
- cmyk(C%, M%, Y%, K%)
- ಶ್ರೇಣಿ:
- ಪ್ರತಿ ಇಂಕ್ 0–100%
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- ಮುದ್ರಣೆ, ಪ್ಯಾಕೇಜಿಂಗ್, ಪ್ರೆಸ್-ರೇಡಿ ಆರ್ಟ್ವರ್ಕ್
HSL ಏನು?
HSL ಒಂದು ಬಣ್ಣವನ್ನು ಹ್ಯೂ (ರಂಗದ ಚಕ್ರದಲ್ಲಿ 0–360°), ಸೆಚುರೇಶನ್ (ಎಷ್ಟು ಬಣ್ಣತೆಯಿದೆ, 0–100%) ಮತ್ತು ಲೈಟ್ನೆಸ್ (ಎಷ್ಟು ಗೋರುತ್ತದೆ, 0–100%) ಎಂದು ವಿಭಜಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಭಾಗವೂ ಜನರು ಬಣ್ಣವನ್ನು ವರ್ಣಿಸುವ ರೀತಿ ಹೊಂದಿರುವುದರಿಂದ, HSL ಟಿಂಟ್ಗಳು, ಷೇಡ್ಗಳು ಮತ್ತು ಸुसಂಗತ ಪ್ಯಾಲೆಟ್ಗಳನ್ನು — ಕೈಯಿಂದ ಅಥವಾ ಕೋಡ್ನಲ್ಲಿ — ನಿರ್ಮಿಸುವಲ್ಲಿ ಸುಲಭವಾಗಿದೆ.
- ವಿನ್ಯಾಸ:
- hsl(H, S%, L%)
- ಶ್ರೇಣಿ:
- 0–360°, 0–100%, 0–100%
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- ಪ್ಯಾಲೆಟ್ಗಳು, ಟಿಂಟ್ಗಳು ಮತ್ತು ಷೇಡ್ಗಳು, ಥೀಮಿಂಗ್
CMYK ರ পৰা HSL ಗೆ ಸೂಚನಾ పట్టೆ
ಅತಿದೊಡ್ಡ ಸಾಮಾನ್ಯ CSS ಬಣ್ಣಗಳು, CMYK ಯಿಂದ HSL ಗೆ ಪರಿವರ್ತಿಸಲ್ಪಟ್ಟಿವೆ.
| ಬಣ್ಣ | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |