ওয়েবসাইট থেকে কালার প্যালেট
যেকোনো ওয়েবসাইট URL লিখুন এবং এর কালার প্যালেট বের করুন: এর স্টাইলশিটে ব্যবহৃত প্রতিটি রং, ফ্রিকোয়েন্সি অনুযায়ী র্যাঙ্ক করা এবং কপি বা কোড হিসেবে এক্সপোর্ট করার জন্য প্রস্তুত।
এর কালার প্যালেট বের করতে একটি ওয়েবসাইট ঠিকানা লিখুন।
শুধুমাত্র পাবলিক ওয়েব পেজ পড়া যায়, এবং রং আসে পেজ যে CSS পাঠায় তা থেকে: ছবি বা ক্যানভাস দিয়ে আঁকা একটি সাইট কম রং ফিরিয়ে দিতে পারে। বিনামূল্যে, সাইন-আপ প্রয়োজন নেই।
ওয়েবসাইট থেকে কালার প্যালেট সম্পর্কে
কালার প্যালেট ফ্রম ওয়েবসাইট টুল একটি সাইট প্রকৃতপক্ষে যে রংগুলো ব্যবহার করে তা প্রকাশ করে। একটি পাবলিক ওয়েব ঠিকানা লিখুন এবং পেজটি আমাদের পাশে থেকে আনা হয়, ব্রাউজার ক্রস-অরিজিন সীমাবদ্ধতার কারণে সরাসরি অন্য একটি সাইট পড়তে পারে না, তারপর এর ইনলাইন স্টাইল, এমবেড করা স্টাইল ব্লক ও লিঙ্ক করা স্টাইলশিট প্রতিটি কালার টোকেনের জন্য স্ক্যান করা হয়।
HEX, rgb(), rgba(), hsl() ও hsla() ভ্যালু সবই একটি একক HEX ফর্মে স্বাভাবিক করা হয় এবং গণনা করা হয়, তাই প্যালেটটি সাইটের CSS-এ প্রতিটি রং কতবার দেখা যায় তার ক্রম অনুযায়ী ফিরে আসে। সেই ফ্রিকোয়েন্সি ক্রমটিই একটি ব্র্যান্ডের প্রকৃত প্রাইমারি রংকে তালিকার নিচের দিকের ডজনখানেক এককালীন বর্ডার ও ছায়া থেকে আলাদা করে।
প্রতিটি সোয়াচ এক ক্লিকে কপি হয়, এবং এক্সপোর্ট প্যানেল ফলাফলকে CSS ভ্যারিয়েবল, SCSS, একটি Tailwind কনফিগ, JSON, একটি SVG সোয়াচ শিট বা একটি সাধারণ HEX তালিকায় পরিণত করে। টুলটি বিনামূল্যে ও রেট-সীমিত, শুধুমাত্র পাবলিক ঠিকানায় পৌঁছায়, এবং এক্সট্র্যাকশনের একটি স্বল্পস্থায়ী ক্যাশ ছাড়া কিছুই সংরক্ষণ করে না।
ওয়েবসাইট থেকে কালার প্যালেট কীভাবে ব্যবহার করবেন
- ফিল্ডে একটি পাবলিক ওয়েবসাইট ঠিকানা পেস্ট করুন (আপনি বাদ দিলে https:// স্বয়ংক্রিয়ভাবে যোগ হয়)।
- "Extract colors"-এ ক্লিক করুন এবং পেজ ও এর স্টাইলশিট পড়া হওয়া পর্যন্ত কিছুক্ষণ অপেক্ষা করুন।
- প্যালেটটি পর্যালোচনা করুন: সাইটের CSS-এ রংগুলো কতবার দেখা যায় তার ক্রম অনুযায়ী সাজানো।
- এর HEX ভ্যালু কপি করতে যেকোনো সোয়াচে ক্লিক করুন, অথবা পুরো তালিকার জন্য "Copy all" ব্যবহার করুন।
- প্যালেটটি CSS, SCSS, Tailwind, JSON, SVG বা সাধারণ HEX হিসেবে পেতে Export খুলুন।