پرنٽ palette کي ويب تي آڻڻ HSL ۾ آساني سان ٿئي ٿو: جڏهن تون پنهنجي انڪ ميڪس کي hue، saturation ۽ lightness ۾ ظاهر ڪرين ٿو، تون ان مان hover states، tints ۽ shades سيڪنڊن ۾ ٺاهي سگھين ٿو.
CMYK کان HSL تبديلي ڪيئن ڪم ڪري ٿي
- CMYK سيڪڙن کي 0 کان 255 جي وچ واري RGB چينلن ۾ تبديل ڪر.
- چينلن کي 255 سان ورهايو ۽ انهن جو وڌ ۾ وڌ ۽ گهٽ ۾ گهٽ قدر وٺو.
- وڌ ۾ وڌ ۽ گهٽ جو اوسط lightness L آهي، انهن جو فرق saturation S کي هلائي ٿو.
- جيڪو چينل وڌ ۾ وڌ قيمت رکندو آهي اهو hue H کي رنگ چڪر تي درجا ۾ طئي ڪري ٿو.
مثال سان ڪم ٿيل
CMYK کان RGB وارو قدم اڳ ۾ ئي تقريب آهي ۽ HSL قدرن کي مڪمل عددن تائين گول ڪيو ويندو آهي. نتيجو بلڪل ويجهو مِلندڙ آهي، پر رنگ-منتظم ٿيل conversion نه آهي.
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%) |