প্রতিটি রঙ ফরম্যাট একই জিনিসকে আলাদা ভাষায় বর্ণনা করে: স্টাইলশিটে HEX, স্ক্রিন এবং কোডে RGB, প্যালেট তৈরির জন্য HSL, প্রিন্টের জন্য CMYK। যে রূপান্তরটি দরকার তা বেছে নাও এবং সঠিক মান, লাইভ প্রিভিউ এবং তার পিছনের সূত্র পেয়ে যাও।
চারটি রঙ ফরম্যাট
HEX কী?
একটা HEX কোড হল ছয়-অঙ্কের হেক্সাডেসিমাল সংখ্যা যা একটি রঙের লাল, সবুজ এবং নীল চ্যানেলকে একটি আগত # এর পিছনে সংরক্ষণ করে। প্রতিটি জোড়া ডিজিট একটি চ্যানেলকে কভার করে, 00 (কোনও নেই) থেকে FF (সম্পূর্ণ) পর্যন্ত, যা RGB-এর মতো 16.7 মিলিয়ন রঙই কম অক্ষরে দেয়। CSS, ডিজাইন টুল ও ব্র্যান্ড গাইডলাইনে HEX ডিফল্ট।
- সিনট্যাক্স:
- #RRGGBB
- উপযোগী:
- CSS, ডিজাইন হ্যান্ডঅফ, ব্র্যান্ড গাইডলাইন
RGB কী?
RGB একটি রঙকে তিনটি আলোর চ্যানেল হিসেবে বর্ণনা করে — লাল, সবুজ এবং নীল — প্রতিটি 0 থেকে 255 পর্যন্ত। এটি স্ক্রিন কিভাবে কাজ করে তারই প্রতিফলন: সবগুলো 255 হলে সাদা, সবগুলো 0 হলে কালো। যখনই তোমাকে কোনো রঙ নিয়ে গণনা করতে হবে, RGB সঠিক পছন্দ, এবং rgba() ওই সঙ্গে ট্রান্সপারেন্সিও যোগ করে।
- সিনট্যাক্স:
- rgb(R, G, B)
- উপযোগী:
- কোড, ক্যানভাস, rgba() দিয়ে ট্রান্সপারেন্সি
HSL কী?
HSL একটি রঙকে তিন ভাগে ভাগ করে: hue (রঙ চক্রে 0–360°), saturation (রঙের তীব্রতা, 0–100%) এবং lightness (উজ্জ্বলতা, 0–100%)। যেহেতু প্রতিটি অংশ মানুষ কীভাবে রঙ বর্ণনা করে তার সাথে মিলে, HSL হাত বা কোডে টিন্ট, শেড এবং সঙ্গতিপূর্ণ প্যালেট তৈরি করার জন্য সবচেয়ে সহজ ফরম্যাট।
- সিনট্যাক্স:
- hsl(H, S%, L%)
- উপযোগী:
- প্যালেট, টিন্ট ও শেড, থিমিং
CMYK কী?
CMYK হল প্রিন্টে ব্যবহৃত চার-ইঙ্ক মডেল: cyan, magenta, yellow এবং key (black), প্রতিটি 0 থেকে 100 পর্যন্ত শতাংশ হিসেবে। ইঙ্ক আলো নির্গত করে না বরং আলোককে বাদ দেয়, তাই CMYK স্ক্রিনের চেয়ে কম রঙ কভার করে — এজন্য উজ্জ্বল স্ক্রিন রঙগুলো প্রিন্ট করলে প্রায়ই ফিকে দেখায়।
- সিনট্যাক্স:
- cmyk(C%, M%, Y%, K%)
- উপযোগী:
- প্রিন্ট, প্যাকেজিং, প্রেস-রেডি আর্টওয়ার্ক