কোন রংগুলো একসাথে মানাবে তা অনুমান করতে গিয়ে ডিজাইনের অনেক সময় নষ্ট হয়। এই জেনারেটর ক্লাসিক কালার-হুইল হারমনি ব্যবহার করে, অর্থাৎ কালার থিওরিতে শেখানো একই হিউ-সম্পর্ক, তাই প্রতিটি প্যালেট গাণিতিকভাবে সমন্বিত হয়, আন্দাজে বানানো নয়। যেকোনো সোয়াচে ক্লিক করে এর হেক্স কোড কপি করুন, অথবা পুরো প্যালেটটি CSS কাস্টম প্রপার্টি হিসেবে একসাথে কপি করুন। এটি সম্পূর্ণ ক্লায়েন্ট-সাইড, কোনো অ্যাকাউন্ট নেই, কোনো আপলোড নেই, এবং আপনার ব্র্যান্ড কালারের কোনো ট্র্যাকিং নেই।
বিনামূল্যে কালার প্যালেট জেনারেটর
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
কালার প্যালেট জেনারেটর কী?
কালার প্যালেট জেনারেটর কালার-হুইল থিওরি ব্যবহার করে একটি বেস কালার থেকে মানানসই কালার স্কিম তৈরি করে। একটি হেক্স কালার বেছে নিন বা টাইপ করুন, তারপর কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক বা মনোক্রোম্যাটিকের মতো হারমনি বেছে নিন, আর এটি সঙ্গে সঙ্গে মানানসই রংগুলো হিসাব করে দেয়, প্রতিটির সাথে কপি-করার-উপযোগী হেক্স কোডসহ। সবকিছু আপনার ব্রাউজারেই চলে।
যেভাবে ব্যবহার করবেন
- 1আপনার বেস কালার সেট করুন. চোখে দেখে বেছে নিতে কালার ওয়েলে ক্লিক করুন, #6366f1-এর মতো একটি হেক্স কোড টাইপ করুন, অথবা নতুন শুরুর জন্য র্যান্ডম চাপুন।
- 2একটি হারমনি বেছে নিন. কমপ্লিমেন্টারি, স্প্লিট-কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক, টেট্রাডিক, মনোক্রোম্যাটিক, শেড এবং টিন্টের মধ্যে সুইচ করুন। প্যালেট সঙ্গে সঙ্গে আবার হিসাব হয়ে যায়।
- 3রং কপি করুন. সেই হেক্স কোড কপি করতে যেকোনো সোয়াচে ক্লিক করুন, অথবা পুরো প্যালেটটি CSS ভেরিয়েবল হিসেবে নিতে কপি বাটন ব্যবহার করুন।
কাদের জন্য
- ওয়েব ডিজাইনার যারা একটি মাত্র ব্র্যান্ড কালার দিয়ে সাইট শুরু করছেন: ব্যাকগ্রাউন্ড, বাটন আর অ্যাকসেন্টের জন্য অ্যানালগাস বা স্প্লিট-কমপ্লিমেন্টারি রং তৈরি করুন।
- ফ্রন্ট-এন্ড ডেভেলপার যাদের ডিজাইন-টোকেনের একটি শুরুর বিন্দু দরকার: প্যালেটটি CSS ভেরিয়েবল হিসেবে কপি করে সরাসরি স্টাইলশিটে বসিয়ে দিন।
- মার্কেটার এবং স্লাইড তৈরিকারীরা যারা চার্ট, সোশ্যাল গ্রাফিক্স বা প্রেজেন্টেশনকে লোগোর রঙের সাথে মেলাতে চান, কোনো ডিজাইন টুল ছাড়াই।
- ইলাস্ট্রেটর এবং শখের শিল্পীরা যারা একটি হিউয়ের শেড আর টিন্ট খুঁজে দেখে কাজে গভীরতা, হাইলাইট আর ছায়া তৈরি করতে চান।
সাধারণ প্রশ্ন
এই কালার প্যালেট জেনারেটর কি বিনামূল্যে?
হ্যাঁ, কোনো সাইন-আপ ছাড়া, কোনো ওয়াটারমার্ক ছাড়া এবং কোনো সীমা ছাড়া ১০০% বিনামূল্যে। ব্যক্তিগত বা বাণিজ্যিক প্রকল্পের জন্য যত খুশি প্যালেট তৈরি ও কপি করুন।
আমার কালার ডেটা কি কোথাও আপলোড হয়?
না। প্যালেটটি সম্পূর্ণভাবে আপনার ব্রাউজারে সাধারণ JavaScript দিয়ে হিসাব করা হয়। আপনার ব্র্যান্ড কালার, ইনপুট আর ক্লিক কখনোই কোনো সার্ভারে পাঠানো হয় না।
কমপ্লিমেন্টারি কালার কী?
কমপ্লিমেন্টারি কালার কালার হুইলে আপনার বেস কালারের ঠিক বিপরীতে থাকে, অর্থাৎ ১৮০-ডিগ্রি হিউ রোটেশন। নীল আর কমলার মতো কমপ্লিমেন্টারি জোড়া সবচেয়ে বেশি কনট্রাস্ট দেয়, তাই ব্র্যান্ড ব্যাকগ্রাউন্ডের ওপর কল-টু-অ্যাকশন বাটনের জন্য এগুলো জনপ্রিয়।
অ্যানালগাস আর ট্রায়াডিক প্যালেটের মধ্যে পার্থক্য কী?
অ্যানালগাস প্যালেট পাশাপাশি থাকা হিউ ব্যবহার করে (বেসের প্রায় ৩০ ডিগ্রির মধ্যে), তাই এটি শান্ত আর সুসংগত অনুভূত হয়। ট্রায়াডিক প্যালেট ১২০ ডিগ্রি ব্যবধানে তিনটি হিউ নেয়, যা রংগুলোর মধ্যে বেশি কনট্রাস্টসহ প্রাণবন্ত, সুষম একটি স্কিম দেয়।
শেড আর টিন্ট কী?
শেড আপনার বেস কালারের লাইটনেস কালোর দিকে কমিয়ে গাঢ় করে; টিন্ট সাদার দিকে বাড়িয়ে হালকা করে। দুটোতেই হিউ আর স্যাচুরেশন একই থাকে, তাই এগুলো হোভার স্টেট, বর্ডার আর একটি ব্র্যান্ড কালারের ব্যাকগ্রাউন্ড লেয়ারের জন্য আদর্শ।
একটি ওয়েবসাইট প্যালেটে কতগুলো রং থাকা উচিত?
একটি সাধারণ নিয়ম হলো ৬০-৩০-১০: ইন্টারফেসের প্রায় ৬০% জুড়ে একটি প্রধান রং, ৩০%-এর জন্য একটি সেকেন্ডারি রং, আর ১০%-এর জন্য একটি অ্যাকসেন্ট। এখান থেকে ৩-৫টি রঙের একটি হারমনি দিয়ে শুরু করুন, তারপর প্রতিটির স্টেট আর সারফেসের জন্য শেড আর টিন্ট যোগ করুন।
ধূসর বা কালোর ক্ষেত্রে প্যালেট প্রায় বদলায় না কেন?
ধূসর, কালো আর সাদার স্যাচুরেশন শূন্য, তাই হারমনি রোটেশন কাজ করার মতো কোনো হিউ নেই, কিছু না থাকা জিনিস ঘোরালে একই নিরপেক্ষ রঙই ফিরে আসে। এর বদলে লাইটনেস মোড দিয়ে একটি নিরপেক্ষ সিঁড়ি তৈরি করুন: কালো বা গাঢ় ধূসরের জন্য টিন্ট, সাদা বা হালকা ধূসরের জন্য শেড, আর মাঝারি ধূসরের জন্য মনোক্রোম্যাটিক।