پرنٹ پیلیٹ کو ویب پر لانا HSL میں آسان ہے: ایک بار جب تمہارا سیاہی مکس hue، saturation اور lightness کے طور پر ظاہر ہو، تو تم چند سیکنڈ میں اس سے hover states، tints اور shades بنا سکتے ہو۔
CMYK سے HSL تبدیلی کیسے کام کرتی ہے
- CMYK فیصد کو Coated FOGRA39 پروفائل کے ساتھ 0 سے 255 کے درمیان sRGB چینلز میں تبدیل کرو۔
- چینلز کو 255 سے تقسیم کرو اور ان کا زیادہ ترین اور کم ترین قدر معلوم کرو۔
- زیادہ ترین اور کم ترین کا اوسط lightness L ہوتا ہے، اور ان کے فرق سے saturation S بنتی ہے۔
- جس چینل میں زیادہ ترین قدر ہو وہ رنگ کے وہیل پر hue H کو ڈگریوں میں مقرر کرتا ہے۔
کام کرنے کی مثال
CMYK سے RGB کا مرحلہ معیاری Coated FOGRA39 پروفائل استعمال کرتا ہے، اس لیے دوسرے CMYK پروفائل (مثلاً تمہاری پرنٹ شاپ کے) مختلف نمبر دیتے ہیں۔ 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(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%) |