কালার প্যালেট জেনারেটর
একটি বেস রঙ থেকে সুন্দর কালার প্যালেট তৈরি করুন
কালার প্যালেট জেনারেটর কীভাবে ব্যবহার করবেন
- 1সীড রঙ বেছে নিতে কালার পিকারে ক্লিক করুন
- 2হার্মোনি স্টাইল নির্বাচন করুন: পরিপূরক, অনুরূপ, ত্রিভুজ, একরঙা বা বিভক্ত পরিপূরক
- 3প্যালেট তাৎক্ষণিকভাবে আপডেট হয় — HEX/RGB/HSL কপি করতে যেকোনো সোয়াচে ক্লিক করুন
কালার প্যালেট জেনারেটর সম্পর্কে
একটি বেস রঙ থেকে সুন্দর কালার প্যালেট তৈরি করুন.
কালার প্যালেট জেনারেটর-এর মূল বৈশিষ্ট্যসমূহ
- একটি seed color থেকে সম্পূর্ণ palette তৈরি করে
- একাধিক harmony type: complementary, analogous, triadic, split-complementary, monochromatic
- একসাথে HEX, RGB এবং HSL format-এ color দেখায়
- যেকোনো color value এক-ক্লিকে কপি করা যায়
- CSS custom property (variable) হিসেবে palette export করা যায়
- text combination-এর জন্য accessibility contrast ratio preview
- fine-tuning-এর জন্য brightness ও saturation সামঞ্জস্য করুন
- collaboration-এর জন্য palette URL সংরক্ষণ ও share করা যায়
সমর্থিত ফরম্যাট
ইনপুট ফরম্যাট
আউটপুট ফরম্যাট
All color formats are converted losslessly. CSS export produces standard :root variables compatible with any modern browser.
উদাহরণ
Brand blue থেকে complementary palette তৈরি
primary blue (#3B82F6) দিয়ে শুরু করুন এবং high-contrast scheme-এর জন্য তার complement তৈরি করুন।
ইনপুট
#3B82F6 (Blue-500)
আউটপুট
Primary: #3B82F6, Secondary: #F67B3B (Orange), Accent: #1E40AF, Neutral: #6B7280, Background: #F3F4F6
Nature theme-এর জন্য analogous palette তৈরি
color wheel-এ পাশাপাশি থাকা color-এর জন্য analogous harmony ব্যবহার করুন।
ইনপুট
#22C55E (Green-500)
আউটপুট
Primary: #22C55E, Secondary: #10B981 (Teal), Accent: #84CC16 (Lime), Neutral: #6B7280, Dark: #1F2937
সাধারণ ব্যবহারের ক্ষেত্র
- logo color থেকে সম্পূর্ণ brand identity তৈরি করা
- UI component library-এর জন্য design system token তৈরি করা
- marketing landing page-এর জন্য color scheme তৈরি করা
- social media template-এর color set তৈরি করা
- dashboard-এর জন্য accessible color combination তৈরি করা
- direction নিশ্চিত করার আগে color variation অন্বেষণ করা
সমস্যা সমাধান
Color অনেক মিলে যাচ্ছে বা contrast কম
সমাধান
ভিন্ন harmony type ব্যবহার করুন। Complementary ও triadic scheme analogous-এর চেয়ে বেশি contrast তৈরি করে। lightness range-এ color ছড়িয়ে দিতে brightness slider সামঞ্জস্য করুন।
Generated color অনেক saturated বা vibrant মনে হচ্ছে
সমাধান
intensity কমাতে saturation slider ব্যবহার করুন। Professional palette প্রায়ই primary color-এ muted tone (40-60% saturation) ব্যবহার করে high-saturation accent-এর পরিমিত ব্যবহার সহ।
রঙিন background-এ text পড়তে কষ্ট হচ্ছে
সমাধান
প্রতিটি pair-এর জন্য দেখানো accessibility contrast ratio চেক করুন। normal text-এর জন্য কমপক্ষে 4.5:1 লক্ষ্য করুন (WCAG AA)। হালকা background-এ গাঢ় text বা উল্টো ব্যবহার করুন।
CSS export পুরোনো browser-এ কাজ করছে না
সমাধান
CSS custom property-এর জন্য IE11+ প্রয়োজন। legacy সমর্থনের জন্য ম্যানুয়ালি HEX value কপি করুন বা variable কে static value-তে রূপান্তর করতে PostCSS plugin ব্যবহার করুন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
কোন harmony style ব্যবহার করব?
Complementary উচ্চ contrast তৈরি করে (CTA-এর জন্য ভালো)। Analogous সংলগ্ন hue ব্যবহার করে harmonious অনুভূতির জন্য। Triadic vibrant balance দেয়। Tetradic সবচেয়ে বেশি variety দেয়। Monochromatic elegant single-hue design তৈরি করে।
আমি কি এই color আমার brand বা website-এ ব্যবহার করতে পারি?
হ্যাঁ। Generated HEX, RGB ও HSL value এবং CSS custom property যেকোনো project-এ free to use। Export CSS button একটি ready-to-paste :root {} block দেয়।
Color palette generator কী?
Color palette generator হলো এমন একটি টুল যা color theory নীতির উপর ভিত্তি করে harmonious color set তৈরি করে। এটি একটি seed color নেয় এবং ভালোভাবে কাজ করে এমন color তৈরি করতে mathematical relationship প্রয়োগ করে।
সঠিক seed color কীভাবে বেছে নেব?
আপনার brand-এর primary color দিয়ে শুরু করুন — প্রায়ই আপনার logo-র color বা আপনি যে emotion প্রকাশ করতে চান। নীল বিশ্বাস প্রকাশ করে, সবুজ বৃদ্ধি, লাল শক্তি। generator এর চারপাশে বাকি palette তৈরি করবে।
Complementary ও analogous palette-এর মধ্যে পার্থক্য কী?
Complementary color color wheel-এ একে অপরের বিপরীতে থাকে (যেমন নীল ও কমলা), উচ্চ contrast তৈরি করে। Analogous color পাশাপাশি থাকে (যেমন নীল, teal ও সবুজ), আরো harmonious, কম-contrast অনুভূতি তৈরি করে।
আমি কি commercial project-এ এই palette ব্যবহার করতে পারি?
হ্যাঁ। এই টুল দ্বারা generated সব palette personal ও commercial project-এ free to use। কোনো attribution প্রয়োজন নেই।
Developer-দের জন্য color কীভাবে export করব?
CSS custom property তৈরি করতে "Export as CSS" button ব্যবহার করুন। এটি একটি ready-to-paste :root {} block তৈরি করে সব palette color variable সহ।
Is my color data sent to a server?
No. All color generation and conversion happens entirely in your browser. Your seed color and resulting palette never leave your device.