HSL માં ડિઝાઇન કરેલી પેલેટ્સ ઘણીવાર કાગળ પર આવે છે. આ કન્વર્ટર તું જે hue, saturation અને lightness પસંદ કર્યો છે તેને લઈ પ્રિન્ટ શોપ કામ કરતી ચાર ઇંક ટકાવારા પર પરત આપે છે.
HSL થી CMYK રૂપાંતર કેવી રીતે કામ કરે છે
- HSL ત્રયને 0 થી 255 વચ્ચેના RGB ચેનલ્સમાં કન્વર્ટ કરો.
- યે ચેનલ્સને 255થી ભાગ કરીને નોર્મલાઇઝ કરો.
- કી કૉમ્પોનન્ટ K = 1 − max(R, G, B) ની ગણના કરો.
- બાકી રહેલા ચેનલ્સમાંથી C, M અને Y ઊપજાવો અને બધા ચારને ટકાવારમાં રૂપાંતર કરો.
કાર્યકર ઉદાહરણ
બે કન્વર્શન્સ પાછળપછાડા થાય છે, એટલે રાઉન્ડિંગ બે વખત થાય છે — અને CMYK કલર પ્રોફાઇલ વગર અનુમાન જ રહે છે. છાપાયેલ પરિણામ HSL પ્રીવ્યૂ કરતા થોડીક ઓછું ઝીણા હોઈ શકે એવું ધારણા રાખો.
HSL અને CMYK ની સમજ
HSL શું છે?
HSL રંગને ત્રણે ભાગમાં વહેન્ચે: hue (રંગચક્ર પર 0–360°), saturation (કિંમત કેટલી રંગીન છે, 0–100%) અને lightness (પ્રકાશ, 0–100%). દરેક ભાગ લોકો રંગને જે રીતે વર્ણવે છે તે મેળવે છે, તેથી HSL ટીન્સ, શેડ્સ અને સुसંગત પેલેટ્સ હાથે અથવા કોડમાં બનાવવાનું સરળ બનાવે છે.
- સિન્ટેક્સ:
- hsl(H, S%, L%)
- રેણ્ઝ:
- 0–360°, 0–100%, 0–100%
- સૌથી યોગ્ય માટે:
- પેલેટ્સ, ટીન્ટ અને શેડ્સ, થીમિંગ
CMYK શું છે?
CMYK છપાઈમાં વપરાતો ચાર-ઈંક મોડલ છે: cyan, magenta, yellow અને key (black), દરેક 0 થી 100 ટકા. ઈંક પ્રકાશને ઉત્પન્ન કરતી નથી પરંતુ અઘટિત કરે છે, તેથી CMYK સ્ક્રીનની તુલનામાં ઓછા રંગો આવરે છે — આ કારણે તેજ સ્ક્રીન રંગો છાપ્યા પછી સામાન્ય રીતે ડલ લાગી શકે છે.
- સિન્ટેક્સ:
- cmyk(C%, M%, Y%, K%)
- રેણ્ઝ:
- પ્રતિ ઈંક 0–100%
- સૌથી યોગ્ય માટે:
- પ્રિન્ટ, પેકેજિંગ, પ્રેસ-રેડી આર્ટવર્ક
HSL થી CMYK સંદર્ભ ટેબલ
સર્વાધિક સામાન્ય CSS રંગો, HSL થી CMYK માં રૂપાંતરિત.
| રંગ | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |