হিসাবকরণ

কালার প্যালেট বিল্ডার ফ্রি

একটি হেক্স (HEX) রঙ থেকে তাৎক্ষণিকভাবে একটি মানানসই প্যালেট তৈরি করুন: শেড, পরিপূরক, সাদৃশ্যপূর্ণ, ত্রয়ী এবং চতুঃকৃষ্ট। হেক্স/আরজিবি/এইচএসএল (HEX/RGB/HSL) অনুলিপি অন্তর্ভুক্ত।

কালার প্যালেট ক্রিয়েটর
হালকা টোন (আভা)
গাঢ় টোন (শেড)
পরিপূরক
অ্যানালগ
ত্রয়ী
টেট্রাডিক
তথ্য

কালার প্যালেট বিল্ডার ফ্রি সম্পর্কে

ওয়েব ডিজাইন, গ্রাফিক ডিজাইন এবং ব্র্যান্ড আইডেন্টিটি প্রোজেক্টের সবচেয়ে গুরুত্বপূর্ণ ধাপগুলোর মধ্যে একটি হলো কালার প্যালেট তৈরি করা। একটি সুচিন্তিত কালার প্যালেট ব্যবহারকারীর অভিজ্ঞতা উন্নত করে, ব্র্যান্ডের সামঞ্জস্যতা জোরদার করে এবং চোখের উপর চাপ কমায়। হোস্টরাগনস কালার প্যালেট ক্রিয়েটর এর মাধ্যমে আপনি একটিমাত্র প্রাথমিক রঙ থেকে তাৎক্ষণিকভাবে পাঁচটি ভিন্ন প্যালেট শৈলী তৈরি করতে পারবেন।

সরঞ্জাম; আভা (হালকা শেড) এবং শেড (গাঢ় টোন), পরিপূরক, অ্যানালগ, ত্রয়ী এবং চতুর্মাত্রিক এটি রঙ তত্ত্ব অনুসারে রঙের সামঞ্জস্য গণনা করে। প্রতিটি রঙের জন্য... হেক্স, আরজিবি এবং এইচএসএল আপনি এক ক্লিকেই ফরম্যাটগুলো কপি করতে পারেন। আপনি হেক্স কোড টাইপ করে অথবা কালার পিকার ব্যবহার করে আপনার পছন্দের রঙটি নির্বাচন করতে পারেন।

সমস্ত গণনা আপনার ব্রাউজারে রিয়েল-টাইমে সম্পন্ন হয়; কোনো ডেটা সার্ভারে পাঠানো হয় না। CSS ভেরিয়েবল, Tailwind থিমের রঙ, বা Figma কালার স্টাইল প্রস্তুত করার সময় আপনি এই টুলটিকে একটি রেফারেন্স হিসেবে ব্যবহার করতে পারেন। এর তুর্কি ইন্টারফেস এবং মোবাইল-ফ্রেন্ডলি ডিজাইনের কারণে এটি ডেস্কটপ এবং স্মার্টফোন উভয় ডিভাইসেই নির্বিঘ্নে কাজ করে।

এটি কীভাবে ব্যবহার করবেন?

ধাপে ধাপে

  1. HEX বক্সে একটি রঙের কোড লিখুন (যেমন, #3b82f6অথবা কালার পিকার আইকনে ক্লিক করে রঙ ব্রাউজ করুন।
  2. টুলটি স্বয়ংক্রিয়ভাবে আপনার নির্বাচিত রঙটি বেছে নেবে। ছায়া, পরিপূরক, অ্যানালগ, ত্রয়ী এবং চতুর্মাত্রিক এটি প্যালেট উৎপাদন করে।
  3. প্রতিটি রঙিন বাক্সের নিচে হেক্স, আরজিবি এবং এইচএসএল আপনি মানগুলো দেখতে পাবেন; কাঙ্ক্ষিত ফরম্যাটটিতে ক্লিক করে সেগুলো ক্লিপবোর্ডে কপি করুন।
  4. আপনি যখন মূল রঙ পরিবর্তন করেন, তখন সমস্ত প্যালেট তাৎক্ষণিকভাবে আপডেট হয়ে যায়; লাইভ প্রিভিউ এর ফলে আপনি সঙ্গে সঙ্গেই সামঞ্জস্যটা দেখতে পাবেন।
FAQ

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

কালার হুইলে নির্বাচিত রঙের ঠিক বিপরীত (১৮০°) রঙটিকে পরিপূরক রঙ বলা হয়। এটি উচ্চ বৈসাদৃশ্য প্রদান করে এবং দৃষ্টিনন্দন অ্যাকসেন্ট রঙের জন্য আদর্শ।

সাদৃশ্যপূর্ণ রঙ হলো সেইসব রঙ যা কালার হুইলে একে অপরের সংলগ্ন (±৩০°) অবস্থানে থাকে। প্রকৃতিতে প্রায়শই দেখা যায় এমন এই সামঞ্জস্য চোখে শান্ত ও ভারসাম্যপূর্ণ মনে হয়; এটি সাধারণত ব্যাকগ্রাউন্ড ও টেক্সটের রঙের সমন্বয়ে ব্যবহৃত হয়।

ট্রায়াডিক হারমনিতে, রঙের চাকাটিকে তিনটি সমান অংশে (১২০°) ভাগ করা হয়; এটি ভারসাম্যপূর্ণ এবং প্রাণবন্ত রঙের বিন্যাস তৈরি করে। টেট্রাডিক হারমনিতে, চারটি রঙকে ৯০° ব্যবধানে স্থাপন করা হয়; এটি আরও বৈচিত্র্যময় রঙের বিন্যাস প্রদান করে, কিন্তু এর জন্য সতর্ক ব্যবহার প্রয়োজন।

আপনি কালার পিকারটিতে ক্লিক করে আপনার অপারেটিং সিস্টেমের কালার পিকারটি খুলতে পারেন। আপনার কাছে যদি RGB বা HSL ভ্যালু থাকে, তবে প্রথমে একটি অনলাইন কনভার্টার ব্যবহার করে সেগুলোকে HEX-এ রূপান্তর করে এখানে পেস্ট করতে পারেন।

প্রতিটি রঙের HEX বা HSL মান কপি করুন। :root { --primary: #3b82f6; } আপনি এটিকে এইভাবে একটি CSS ভেরিয়েবল হিসেবে সংজ্ঞায়িত করতে পারেন। HSL ফরম্যাটটি প্রোগ্রামের মাধ্যমে উজ্জ্বলতা/স্যাচুরেশন সামঞ্জস্য করার জন্য বিশেষভাবে উপযুক্ত।