কালার প্যালেট জেনারেটর

বেস রং দিলে এটি কালার হুইলে হিউ ঘুরিয়ে ছয়টি প্যালেট বানায়। রঙে চাপ দিয়ে HEX কপি করুন, বা পুরো সেট CSS ভেরিয়েবল হিসেবে কপি করুন।

কীভাবে ব্যবহার করবেন

  1. HEX, rgb(), hsl() বা পিকার দিয়ে বেস রং ঠিক করুন।
  2. ছয়টি প্যালেট দেখুন — পরিপূরক, সন্নিহিত, ত্রিভুজ ও বাকিগুলো।
  3. রঙে চাপ দিয়ে HEX কপি করুন, বা সেটটি CSS ভেরিয়েবলে কপি করুন।

প্যালেট HSL-এ কেবল হিউ ঘোরায় এবং আপনার রঙের সম্পৃক্তি ও উজ্জ্বলতা ধরে রাখে, তাই প্যাস্টেল দিলে প্যাস্টেল আর গাঢ় দিলে গাঢ় প্যালেট আসে।

প্রতিটি রঙের সংখ্যা হলো দেখানো লেখার রঙের সঙ্গে WCAG বৈসাদৃশ্য অনুপাত। মূল লেখার জন্য ৪.৫:১, বড় শিরোনামের জন্য ৩:১ দরকার।

সাধারণ জিজ্ঞাসা

পরিপূরক রং কীভাবে ঠিক হয়?

কালার হুইলে ১৮০° উল্টো দিকের রং। বৈসাদৃশ্য সবচেয়ে জোরালো, তাই জোর দিতে ভালো কিন্তু বড় জায়গায় চোখ ক্লান্ত করে — মোট জায়গার ১০-২০% ভালো কাজ করে।

কোন প্যালেট নেব?

ব্যাকগ্রাউন্ড ও কার্ডে সন্নিহিত বা একরঙা নিরাপদ। বাটন, ব্যাজ, সতর্কবার্তার মতো যা চোখে পড়া দরকার তার জন্য পরিপূরক বা বিভক্ত পরিপূরক।

CSS কপিতে কী পাই?

সেটের নামে কাস্টম প্রপার্টির তালিকা, যেমন `--triadic-1: #3366CC;` — সরাসরি `:root`-এ পেস্ট করুন।

আমার রং কোথাও পাঠানো হয়?

না। সব রূপান্তর ও প্যালেট ব্রাউজারেই তৈরি হয়।

সম্পর্কিত টুল