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