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