UUID জেনারেটর
একসাথে অনেক র্যান্ডম UUID বানান।
CSS গ্রেডিয়েন্ট জেনারেটর
লিনিয়ার, র্যাডিয়াল বা কনিক গ্রেডিয়েন্ট ডিজাইন করুন এবং CSS কপি করুন।
রঙের স্টপ
0%
100%
আপনার ফাইল আপনার ডিভাইসেই থাকে
কীভাবে কাজ করে
- 1লিনিয়ার, র্যাডিয়াল বা কনিক বাছুন।
- 2কোণ ঠিক করুন, র্যাডিয়ালের ক্ষেত্রে আকৃতি বাছুন।
- 3রং বাছুন এবং প্রতিটি স্টপ টেনে তার জায়গায় রাখুন। “রঙের স্টপ যোগ করুন” দিয়ে স্টপ বাড়ান।
- 4CSS কপি করে আপনার স্টাইলশিটে বসান।
অপশনগুলো কী করে
- লিনিয়ার
- রং একটি সরলরেখা ধরে মিশে যায়। কোণ দিক ঠিক করে: 0 ডিগ্রি ওপরে, 90 ডানে, 180 নিচে যায়।
- র্যাডিয়াল
- রং কেন্দ্র থেকে বৃত্ত বা উপবৃত্তের মতো ছড়ায়।
- কনিক
- রং কেন্দ্রের চারপাশে রঙের চাকা বা পাই চার্টের মতো ঘোরে। কোণ শুরুর দিক ঘোরায়।
- রঙের স্টপ
- প্রতিটি স্টপ হলো 0 থেকে 100 শতাংশের মধ্যে একটি জায়গায় একটি রং। সর্বোচ্চ আটটি।
গোপনীয়তা
সবকিছু আপনার ব্রাউজারেই চলে। আপনার লেখা কিছুই কোনো সার্ভারে যায় না।
সবাই যা জানতে চান
কোন ব্রাউজারে এই গ্রেডিয়েন্ট চলে?
লিনিয়ার ও র্যাডিয়াল গ্রেডিয়েন্ট বর্তমান সব ব্রাউজারে চলে। কনিক গ্রেডিয়েন্ট Chrome, Edge, Firefox ও Safari-র সব বর্তমান সংস্করণে চলে।
মিশে যাওয়ার বদলে শক্ত কিনারা কীভাবে বানাব?
দুটি স্টপ একই জায়গায় রাখুন, যেমন 50%-এ লাল এবং 50%-এ নীল। মাঝে মেশার দূরত্ব থাকে না, তাই পরিবর্তন স্পষ্ট হয়।
এটি কি লেখার রং বা বর্ডারে ব্যবহার করা যায়?
হ্যাঁ। একই মান background-image-এ ব্যবহার করুন, লেখার জন্য সাথে background-clip: text আর বর্ডারের জন্য border-image দিন।
আমার বাছা রঙের চেয়ে পেজে আলাদা রং দেখায় কেন?
রং বাছাইকারী sRGB হেক্স মান ব্যবহার করে। বিস্তৃত রঙের পর্দায় সেগুলো সামান্য আলাদা দেখাতে পারে, কিন্তু CSS মান নির্ভুল।
স্বচ্ছতা কীভাবে যোগ করব?
এই টুল নিরেট হেক্স রং দেয়। কোড সম্পাদনা করে কোনো রংকে #4f46e580-এর মতো আট অঙ্কের হেক্সে বা rgba()-তে বদলান।