Go Toolstack

টেইলউইন্ড কালার জেনারেটর

যেকোনো বেস রঙ থেকে ৫০ থেকে ৯৫০ পর্যন্ত পূর্ণাঙ্গ Tailwind CSS কালার শেড প্যালেট তৈরি করুন।

টেইলউইন্ড কালার জেনারেটর

যেকোনো বেস রঙ থেকে ৫০ থেকে ৯৫০ পর্যন্ত পূর্ণাঙ্গ Tailwind CSS কালার শেড প্যালেট তৈরি করুন।

কীভাবে কাজ করে

1
Set Criteria & Options
Select length, format, or generation parameters for your output.
2
Generate Instantly
Generate secure, random, or custom data entirely in your browser.
3
Copy or Export
Copy the generated output to your clipboard or download the file.

এই ক্যাটাগরির অন্যান্য ক্লায়েন্ট-সাইড ইউটিলিটি ঘুরে দেখুন।

ছবি ও ডিজাইন হাব • কাজের ধারা ও তুলনা নির্দেশিকা

সমস্ত ছবি ও ডিজাইন টুল, ব্রাউজার সীমা এবং পছন্দ নির্দেশিকা অন্বেষণ করুন।

হাব দেখুন →
JSON ফরম্যাটার ও ভ্যালিডেটর

JSON কোড ফরম্যাট, মিনিফাই এবং RFC 8259 ও JSON Schema অনুযায়ী সিনট্যাক্স যাচাই করুন।
Base64 টেক্সট এনকোডার ও ডিকোডার

প্লেইন টেক্সটকে Base64 স্ট্রিংয়ে এনকোড করুন অথবা Base64 কোড ডিকোড করে আসল টেক্সট পান।
এসকিউএল কোড ফরম্যাটার

জটিল SQL কুয়েরি সুবিন্যস্ত ও পঠনযোগ্য ফরম্যাটে সাজান এবং কিওয়ার্ড হাইলাইট করুন।

সম্পর্কিত ব্লগ নির্দেশিকা

প্রযুক্তিগত গাইড, সমস্যা সমাধান এবং সেরা অভ্যাসের টিউটোরিয়াল

ছবি ও ডিজাইন • ~4 মিনিট পাঠ

ছবি কম্প্রেশন ফরম্যাট তুলনা: WebP, AVIF, JPEG ও PNG এর গুণমান ও ফাইল সাইজ | GoToolstack

WebP, AVIF, MozJPEG ও PNG এর কম্প্রেশন রেশিও, আলফা চ্যানেল স্বচ্ছতা এবং ব্রাউজার পারফরম্যান্সের বিস্তারিত বেঞ্চমার্ক ও কারিগরি নির্দেশিকা।

গাইড পড়ুন →
ছবি ও ডিজাইন • ~4 মিনিট পাঠ

ছবির EXIF মেটাডেটা ও জিপিএস লোকেশন মুছে ফেলার নিয়ম: ব্যক্তিগত গোপনীয়তা গাইড | GoToolstack

ছবিতে সংরক্ষিত ক্যামেরা মডেল, জিপিএস স্থানাঙ্ক এবং সময়সূচির এক্সআইএফ ট্যাগ কীভাবে নিরীক্ষণ ও মুছে ফেলবেন তার ব্রাউজার-ভিত্তিক প্রাইভেসি গাইড।

গাইড পড়ুন →
ধারণা ও জ্ঞানের কেন্দ্র

টেইলউইন্ড কালার জেনারেটর: ৫০-৯৫০ কালার শেড প্যালেট স্কেলার

টেইলউইন্ড কালার জেনারেটর: ৫০-৯৫০ কালার শেড প্যালেট স্কেলার সম্পূর্ণ ক্লায়েন্ট-সাইড মেমোরিতে নিরাপদে কাজ করে। কোনো বাহ্যিক সার্ভারে ফাইল বা ডেটা আপলোড করা হয় না, ফলে আপনার তথ্যের শতভাগ গোপনীয়তা বজায় থাকে।

মূল আর্কিটেকচার ও গাণিতিক সূত্র

Tingkat Kecerahan: 50 (Sangat Terang) ➔ 500 (Kecerahan Sedang Seimbang) ➔ 950 (Sangat Gelap Pekat)

Sistem warna Tailwind v3/v4 memetakan ruang warna optik terkalibrasi untuk memastikan tingkat kontras WCAG yang konsisten di seluruh spektrum rona warna.

উন্নত ব্যবহারের নিয়মাবলী ও গাইডলাইন

  • 500 Shade: The 500
  • Use 50 and 100 Shades for Subtle Component Backgrounds: Use ultra-light 50 and 100 shades for alert banners, table row striping, and tag badges, paired with 700 and 800 shades for high-contrast text.
  • Utilize 900 and 950 Shades for Dark Mode Foundations: In dark-mode design systems, 900 and 950 shades serve as dark panel backgrounds and border dividers, maintaining subtle brand tinting.
  • ভিজ্যুয়াল কনট্রাস্ট পরীক্ষা করুন: 700/800 50/100 4.5:1

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী (FAQ)

কীভাবে do I integrate the generated palette into my Tailwind CSS project?
Copy the generated code object and paste it inside the theme.extend.colors section of your tailwind.config.js file. You can then use utility classes like bg-brand-500, text-brand-700, or border-brand-200.
কেন does the palette generate 11 shades instead of just 5 or 6?
Tailwind CSS v3 and v4 standardize on an 11-step scale (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) to support granular states: hover, focus, disabled, active, and seamless dark-mode inversion.
কীভাবে does the generator avoid muddy or washed-out shades in dark tones?
The interpolation curve adjusts both lightness and saturation simultaneously in perceptual color space, preventing the deep 800-950 shades from collapsing into flat desaturated gray.
আমি কি rename the palette to something other than 'brand'?
হ্যাঁ। You can edit the Palette Name input field (e.g. 'primary', 'accent', 'neutral') to match your application's design system naming convention.