پرنٽ palette کي ويب تي آڻڻ 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%) |