પ્રિન્ટ પેલેટને વેબ પર લાવવા માટે HSL સરળ છે: એકવાર તમારી ઇંક મિશ્રણ hue, saturation અને lightness માં વ્યક્ત થઈ જાય, ત્યારે તું સેકન્ડોમાં હવર સ્ટેટ્સ, ટિન્ટ્સ અને શેડ્સ બનાવી શકે છે.
CMYK થી HSL રૂપાંતર કેવી રીતે કામ કરે છે
- CMYK ટકાવારોને 0 થી 255 વચ્ચેના RGB ચેનલ્સમાં રૂપાંતર કરો.
- ચેનલ્સને 255થી ભાગ કરો અને તેમની મેક્સિમમ અને મિનિમમ લો.
- મેક્સિમમ અને મિનિમમનો સરેરાશ લાઇટનેસ L હોય છે, તેમની ફેલાવ સાચ્યુરેશન S ને નિર્ધારીત કરે છે.
- મેક્સિમમ જેણે રાખે છે તે ચેનલ કલર વિલે પર ડિગ્રીમાં હ્યૂ H નક્કી કરે છે.
કાર્યકર ઉદાહરણ
CMYK થી RGB નો સ્ટેપ પહેલેથી જ એક અનુમાન છે અને HSL મૂલ્યો પૂર્ણાંકોમાં રાઉન્ડ થાય છે. પરિણામ બહુ નજીકનું મેચ છે, કલર-મેનેજ્ડ કન્વર્શન નહીં.
CMYK અને HSL ની સમજ
CMYK શું છે?
CMYK છપાઈમાં વપરાતો ચાર-ઈંક મોડલ છે: cyan, magenta, yellow અને key (black), દરેક 0 થી 100 ટકા. ઈંક પ્રકાશને ઉત્પન્ન કરતી નથી પરંતુ અઘટિત કરે છે, તેથી CMYK સ્ક્રીનની તુલનામાં ઓછા રંગો આવરે છે — આ કારણે તેજ સ્ક્રીન રંગો છાપ્યા પછી સામાન્ય રીતે ડલ લાગી શકે છે.
- સિન્ટેક્સ:
- cmyk(C%, M%, Y%, K%)
- રેણ્ઝ:
- પ્રતિ ઈંક 0–100%
- સૌથી યોગ્ય માટે:
- પ્રિન્ટ, પેકેજિંગ, પ્રેસ-રેડી આર્ટવર્ક
HSL શું છે?
HSL રંગને ત્રણે ભાગમાં વહેન્ચે: hue (રંગચક્ર પર 0–360°), saturation (કિંમત કેટલી રંગીન છે, 0–100%) અને lightness (પ્રકાશ, 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%) |