ডিজাইন ও রঙ
পিকার, প্যালেট, গ্রেডিয়েন্ট এবং কনট্রাস্ট চেকার।
কালার পিকার ও কনভার্টার
একটি রঙ বেছে নিন এবং HEX, RGB, HSL ও OKLCH-এ রূপান্তর করুন।
কালার কনট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG AA/AAA কনট্রাস্ট অনুপাত যাচাই করুন।
CSS গ্রেডিয়েন্ট জেনারেটর
লাইভ প্রিভিউ সহ linear, radial ও conic CSS গ্রেডিয়েন্ট তৈরি করুন।
CSS Box-Shadow জেনারেটর
প্রিসেট ও লাইভ প্রিভিউ সহ মাল্টি-লেয়ার CSS box-shadow তৈরি করুন। CSS, value বা React স্টাইল তাৎক্ষণিক কপি করুন।
কালার প্যালেট জেনারেটর
complementary, analogous, triadic ও monochromatic প্যালেট তৈরি করুন।
Cubic Bezier জেনারেটর
কন্ট্রোল পয়েন্ট টেনে লাইভ প্রিভিউ সহ একটি CSS easing কার্ভ ডিজাইন করুন।
Border Radius জেনারেটর
দৃশ্যত CSS গোলাকার কোণ ও জৈব blob আকৃতি তৈরি করুন।
CSS Flexbox প্লেগ্রাউন্ড
লাইভ প্রিভিউ সহ flex প্রপার্টি সমন্বয় করুন এবং CSS কপি করুন।
CSS Grid প্লেগ্রাউন্ড
লাইভ প্রিভিউ ও CSS সহ গ্রিড কলাম, gap ও অ্যালাইনমেন্ট সমন্বয় করুন।
Glassmorphism জেনারেটর
একটি ফ্রস্টেড-গ্লাস কার্ড ডিজাইন করুন এবং লাইভ প্রিভিউ সহ CSS কপি করুন।
CSS Text-Shadow জেনারেটর
লাইভ প্রিভিউ সহ একটি CSS text shadow সমন্বয় করুন এবং কোড কপি করুন।
কালার মিক্সার
যেকোনো অনুপাতে দুটি রঙ মিশ্রিত করুন এবং ফলাফল বা যেকোনো ধাপ কপি করুন।
ইমেজ কালার পিকার
ছবি থেকে যেকোনো রং বেছে নিন এবং এর প্রধান প্যালেট HEX, RGB ও HSL হিসেবে বের করুন।
Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.