রঙের স্কিম জেনারেটর
একটি ভিত্তি রঙ দিন — ব্যাখ্যা করা যায় এমন স্কিম আর তার লাইটনেস র্যাম্প একই পর্দায়, কপি করার জন্য প্রস্তুত।
#RGB, #RRGGBB, rgb(), hsl() ও ইংরেজি CSS রঙের নাম গ্রহণ করে। খালি = ডিফল্ট #4F46E5।
স্কিম
লাইটনেস র্যাম্পভিত্তি রঙের মতো একই হিউ ও স্যাচুরেশন, লাইটনেস 88 / 70 / 52 / 34 / 18%
কীভাবে ব্যবহার করবেন
- পেজ খুললেই ডিফল্ট ভিত্তি #4F46E5 থেকে একটি স্কিম ও লাইটনেস র্যাম্প পর্দায় থাকে — প্রথম ফলাফলের জন্য কোনো ক্লিক দরকার নেই।
- এটিকে আপনার রঙ বানান: #4F46E5, rgb(79, 70, 229), hsl(243, 75%, 59%) বা ইংরেজি CSS রঙের নাম পেস্ট করুন, সিস্টেম পিকার ব্যবহার করুন, বা "র্যান্ডম ভিত্তি" চাপুন। টাইপ করার সঙ্গে সঙ্গে সব নতুন করে হিসাব হয়।
- হিউগুলো কীভাবে সম্পর্কিত তা বাছুন। অ্যানালগাস (0°, ±30°, ±60°) পাশেই থাকে; কমপ্লিমেন্টারি (0°, 180°) সরাসরি বিপরীত; ট্রায়াডিক (0°, 120°, 240°) ও টেট্রাডিক (0°, 90°, 180°, 270°) বিস্তার বাড়ায়; স্প্লিট-কমপ্লিমেন্টারি (0°, 150°, 210°) সংঘর্ষ ছাড়া টান রাখে। র্যাম্প সবসময় ভিত্তি রঙের লাইটনেস 88 / 70 / 52 / 34 / 18%, তাই "আমার প্রাথমিক রঙের হালকা/গাঢ় সংস্করণ" এক চাপ দূরত্বে।
- নির্বাচিত ফরম্যাটে মান কপি করতে যেকোনো সোয়াচে চাপ দিন; "CSS কপি করুন" পুরো সেট :root কাস্টম প্রপার্টি হিসেবে দেয়, "মান কপি করুন" প্রতি লাইনে একটি মান দেয়।
উদাহরণ
সেটিংস
ভিত্তি #4F46E5 · নিয়ম অ্যানালগাস · ফরম্যাট HEX
ফলাফল (প্রতিটি ডিভাইসে একই)
স্কিম: #46DCE5 #468CE5 #4F46E5 #9F46E5 #E546DC র্যাম্প: #CCC9F7 #7F79EC #3328E1 #1D1598 #0F0B50
"র্যান্ডম প্যালেট" টুলের বিপরীতে এই আউটপুট নির্ধারক: একই ভিত্তি রঙ ও নিয়ম সর্বত্র একই মান দেয়, তাই আপনি আকৃতি মিলিয়ে দেখতে পারেন — স্কিমের প্রতিটি রঙে ভিত্তি রঙের স্যাচুরেশন ও লাইটনেস থাকে, কেবল হিউ বদলায় (এখানে 30° ধাপে), আর র্যাম্পের পাঁচটি রঙ ভিত্তির হিউ ও স্যাচুরেশন শেয়ার করে লাইটনেস 88, 70, 52, 34 ও 18%-এ। প্রতিটি সোয়াচে ছাপা টেক্সট স্বয়ংক্রিয়ভাবে কালো বা সাদা, যেটি সেই রঙে ভালো পড়া যায়।
পরিধি, সীমাবদ্ধতা ও সাধারণ প্রশ্ন
- পাঁচটি নিয়ম, নিজের কোণ নেই, রঙের চাকা নেই: সঠিক হিউ দরকার হলে ভিত্তি রঙ ঠিক করুন বা রঙ রূপান্তরকারী ব্যবহার করুন।
- র্যাম্প নির্দিষ্ট লাইটনেস ধাপ (88 / 70 / 52 / 34 / 18%) ব্যবহার করে, "আপনার রঙ থেকে সাদা/কালোর 25% কাছে" নয়। এতে ভিন্ন ভিত্তি রঙের মধ্যে মই তুলনাযোগ্য হয়, তবে যে ভিত্তি ইতিমধ্যেই খুব হালকা বা খুব গাঢ়, তার র্যাম্প ধাপ প্রায় অপরিবর্তিত দেখাবে।
- ধূসর, সাদা বা কালো ভিত্তি রঙে স্কিমের সব রঙ একই হয়: সম্পূর্ণ বিবর্ণ রঙে হিউ ঘোরালে কিছুই বদলায় না। এটি সৎ গাণিতিক ফল, বাগ নয়।
- কেবল অস্বচ্ছ রঙ: আলফা নেই, rgba() নেই, 8-ডিজিট HEX নেই। স্বচ্ছতা রঙ রূপান্তরকারীর কাজ।
- কেবল sRGB পর্দার মান: CMYK নেই, Lab নেই, কালার ম্যানেজমেন্ট নেই — একই HEX অ-ক্যালিব্রেট করা ডিসপ্লেতে আলাদা দেখায়, আর এই টুল তা অন্যভাবে দেখানোর ভান করে না।
- কনট্রাস্ট কেবল সিদ্ধান্ত নিতে ব্যবহৃত হয় সোয়াচে ছাপা মান কালো হবে না সাদা। কোনো কনট্রাস্ট অনুপাত জানানো হয় না; অ্যাক্সেসিবিলিটি যাচাইয়ের জন্য রঙ রূপান্তরকারী ব্যবহার করুন।
- জ্যামিতি হিউয়ের সম্পর্ক নিশ্চিত করে, নান্দনিকতা নয়: উচ্চ স্যাচুরেশনে কমপ্লিমেন্টারি জোড়াও চড়া লাগতে পারে। নিয়মের অর্থ ঠিক তাই।
- "র্যান্ডম ভিত্তি" আপনার ব্রাউজারের crypto.getRandomValues থেকে নেয় — ক্রিপ্টোগ্রাফিকভাবে শক্তিশালী, ভৌত এনট্রপি সেবা নয় — আর ব্রাউজারে এমন উৎস না থাকলে নিষ্ক্রিয় থাকে। বাকি সব কাজ করতে থাকে।
- কিছুই আপলোড, সংরক্ষণ বা URL-এ রাখা হয় না: রিলোড করলে #4F46E5 + অ্যানালগাস + HEX-এ ফিরে আসে, আর শেয়ার বোতাম কেবল পেজের লিংক শেয়ার করে। "CSS কপি করুন" দিয়ে স্কিমটি বের করে নিন।
- ইংরেজি CSS রঙের নাম ইনপুট হিসেবে গ্রহণ করা হয় কারণ সেটাই CSS সিনট্যাক্স; রঙের নামের কোনো স্থানীয় আউটপুট নেই — একই রঙের ছাপার মতো প্রমিত চীনা বা আরবি নাম নেই।
- রাউন্ডিং কেবল প্রদর্শনের স্তরে: চ্যানেল পূর্ণ সংখ্যা, তাই একই রঙ HEX ও HSL-এর মধ্যে রূপান্তর করলে কোনো চ্যানেল 1 বদলে যেতে পারে।
সম্পর্কিত টুল
স্কিম বাছা হয়ে গেলে মানুষ যেখানে যায়।