HSL-এ ডিজাইন করা প্যালেটগুলো প্রায়ই কাগজে শেষ হয়। এই কনভার্টার তোমার নির্বাচিত hue, saturation এবং lightness নিয়ে সেই চারটি ইঙ্ক শতাংশ প্রদান করে যা প্রিন্ট শপ ব্যবহার করে।
HSL থেকে CMYK রূপান্তর কিভাবে কাজ করে
- HSL ট্রিপলকে 0 থেকে 255 এর মধ্যে RGB চ্যানেলে রূপান্তর কর।
- ওই চ্যানেলগুলোকে 255 দিয়ে ভাগ করে নরমালাইজ কর।
- key উপাদান K = 1 − max(R, G, B) গণনা কর।
- বাকি চ্যানেলগুলো থেকে C, M এবং Y বের কর এবং চারটিকেই শতাংশে রূপান্তর কর।
কাজের উদাহরণ
দুইটি কনভার্সন পরপর হচ্ছে, তাই রাউন্ডিং দুবারই ঘটে — এবং CMYK কোন কালার প্রোফাইল ছাড়া আনুমানিকই থাকে। প্রিন্টে ফলাফল HSL প্রিভিউয়ের তুলনায় একটু কম উজ্জ্বল হতে পারে বলেই আশা কর।
HSL এবং CMYK ব্যাখ্যা
HSL কী?
HSL একটি রঙকে তিন ভাগে ভাগ করে: hue (রঙ চক্রে 0–360°), saturation (রঙের তীব্রতা, 0–100%) এবং lightness (উজ্জ্বলতা, 0–100%)। যেহেতু প্রতিটি অংশ মানুষ কীভাবে রঙ বর্ণনা করে তার সাথে মিলে, HSL হাত বা কোডে টিন্ট, শেড এবং সঙ্গতিপূর্ণ প্যালেট তৈরি করার জন্য সবচেয়ে সহজ ফরম্যাট।
- সিনট্যাক্স:
- hsl(H, S%, L%)
- রেঞ্জ:
- 0–360°, 0–100%, 0–100%
- উপযোগী:
- প্যালেট, টিন্ট ও শেড, থিমিং
CMYK কী?
CMYK হল প্রিন্টে ব্যবহৃত চার-ইঙ্ক মডেল: cyan, magenta, yellow এবং key (black), প্রতিটি 0 থেকে 100 পর্যন্ত শতাংশ হিসেবে। ইঙ্ক আলো নির্গত করে না বরং আলোককে বাদ দেয়, তাই CMYK স্ক্রিনের চেয়ে কম রঙ কভার করে — এজন্য উজ্জ্বল স্ক্রিন রঙগুলো প্রিন্ট করলে প্রায়ই ফিকে দেখায়।
- সিনট্যাক্স:
- cmyk(C%, M%, Y%, K%)
- রেঞ্জ:
- প্রতি ইঙ্ক 0–100%
- উপযোগী:
- প্রিন্ট, প্যাকেজিং, প্রেস-রেডি আর্টওয়ার্ক
HSL থেকে CMYK রেফারেন্স টেবিল
সবচেয়ে সাধারণ CSS রঙগুলো, HSL থেকে CMYK তে রূপান্তর করা।
| রঙ | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |