প্রিন্ট প্যালেটকে ওয়েবে আনলে HSL-এ কাজ করা সহজ: একবার তোমার ইঙ্ক মিশ্রণকে hue, saturation এবং lightness হিসেবে প্রকাশ করলে, কয়েক সেকেন্ডের মধ্যে তা থেকে হোভার স্টেট, টিন্ট ও শেড তৈরি করা যায়।
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%) |