ಪ್ರಿಂಟ್ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ವೆಬ್ಗೆ ತಂದು HSL ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದು ಸುಲಭ: ಒಂದು ಬಾರಿ ನಿಮ್ಮ ಇಂಕ್ ಮಿಶ್ರಣ hue, saturation ಮತ್ತು lightness ಆಗಿ ವ್ಯಕ್ತವಾಗಿದ್ರೆ, ಹೋವರ್ ಸ್ಥಿತಿಗಳು, ಟಿಂಟ್ಸ್ ಮತ್ತು ಷೇಡ್ಗಳನ್ನು ಸೆಕೆಂಡ್ಗಳಲ್ಲಿ ನಿರ್ಮಿಸಬಹುದು.
CMYK ನಿಂದ HSL ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
- CMYK ಶೇಕಡಾವಾರುಗಳನ್ನು Coated FOGRA39 ಪ್ರೊಫೈಲ್ನೊಂದಿಗೆ 0 ರಿಂದ 255 ರ ನಡುವಿನ sRGB ಚಾನಲ್ಗಳಿಗೆ ಪರಿವರ್ತಿಸಿ.
- ಚಾನೆಲ್ಗಳನ್ನು 255 ರಿಂದ ಭಾಗಿಸಿ ಮತ್ತು ಅವುಗಳ ಗರಿಷ್ಟ ಮತ್ತು ಕನಿಷ್ಠ ಮೌಲ್ಯಗಳನ್ನು ಪಡೆದುಕೋಳಿ.
- ಗರಿಷ್ಠ ಮತ್ತು ಕನಿಷ್ಠದ ಸರಾಸರಿ lightness L ಆಗಿದ್ದು, ಅವರ ವ್ಯಾಪ್ತಿ saturation S ಅನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ.
- ಗರಿಷ್ಠ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿರುವ ಚಾನಲ್ ಬಣ್ಣ ಚಕ್ರದಲ್ಲಿ ಡಿಗ್ರಿಗಳಲ್ಲಿ ಹ್ಯೂ H ಅನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ.
ಕಾರ್ಯನಿರ್ವಹಿಸಿರುವ ಉದಾಹರಣೆ
CMYK ನಿಂದ RGB ಹಂತವು ಪ್ರಮಾಣಿತ Coated FOGRA39 ಪ್ರೊಫೈಲ್ ಅನ್ನು ಬಳಸುತ್ತದೆ, ಆದ್ದರಿಂದ ಇತರ CMYK ಪ್ರೊಫೈಲ್ಗಳು (ಉದಾಹರಣೆಗೆ ನಿಮ್ಮ ಮುದ್ರಣ ಅಂಗಡಿಯಿಂದ) ಬೇರೆ ಸಂಖ್ಯೆಗಳನ್ನು ನೀಡುತ್ತವೆ. 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(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |