কিছু কি সার্ভারে যায়

না। নির্বাচক, গ্রেডিয়েন্ট নির্মাতা আর ছবির ড্রপার আপনার ব্রাউজারেই চলে, আর ইতিহাস আপনার নিজের যন্ত্রের স্থানীয় সঞ্চয়ে থাকে।

কোন কোন বিন্যাস কপি করা যায়

HEX, RGB ও RGBA, HSL, HSV, CMYK, XYZ, LAB আর LCH, সেই সঙ্গে নিরেট রং আর গ্রেডিয়েন্ট দুইয়ের জন্যই তৈরি CSS ঘোষণা।

পর্দার ড্রপার কেন দেখা যায় না

এটি ব্রাউজারের EyeDropper ব্যবস্থার উপর নির্ভর করে, যা সব জায়গায় নেই। না থাকলে একটি ছবি আপলোড করে সেখান থেকেই রং নিন।

এই রং কি বাণিজ্যিকভাবে ব্যবহার করা যায়

যায়। রঙের মান কারও সম্পত্তি নয়, তাই এখান থেকে কপি করা যেকোনো কিছু সরাসরি আপনার কাজে লাগাতে পারেন।

রং বাছুন, কোড নিন, কাজে ফিরে যান

রং নির্বাচক, গ্রেডিয়েন্ট নির্মাতা আর ছবির ড্রপার এক পাতাতেই। অ্যাকাউন্ট নেই, ইনস্টল নেই, অপেক্ষা নেই: একটি রং বেছে নিন আর HEX, RGB, HSL বা HSV হিসেবে কপি করুন।

রঙের পাতা খুলুন

রঙের কোড

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

ভিতরে কী আছে

ড্রপার

আপলোড করা ছবি থেকে রং নিন, আর ব্রাউজার যেখানে অনুমতি দেয় সেখানে পর্দার যেকোনো কিছু থেকেও। ফাইলটি পাতায় ছেড়ে দিন আর একটি পিক্সেলে ক্লিক করুন।

বিন্যাস রূপান্তর

HEX, RGB, HSL, HSV, CMYK, XYZ, LAB আর LCH-এর মধ্যে সঙ্গে সঙ্গে বদলান, আর যেকোনো মান সরাসরি CSS বা আপনার ডিজাইন সরঞ্জামে কপি করুন।

গ্রেডিয়েন্ট নির্মাতা

পট্টির উপর বিরতি যোগ করুন ও সরান, রৈখিক ও ব্যাসার্ধীয়ের মধ্যে বদলান, কোণ ও অস্বচ্ছতা ঠিক করুন, তারপর তৈরি CSS কপি করুন।

রঙের ইতিহাস

আপনার বানানো প্রতিটি রং ও গ্রেডিয়েন্ট আপনার ব্রাউজারে থেকে যায়, যাতে পরে ফিরে আসতে পারেন বা অন্য কাজে আবার ব্যবহার করতে পারেন।

সামঞ্জস্য ও রকমফের

প্রতিটি রঙের পাতায় হালকা ও গাঢ় ছায়া এবং ছয়টি সামঞ্জস্যের বিন্যাস আছে, আর যেকোনোটিকে এক ক্লিকে গ্রেডিয়েন্টে বদলে দেয়।

বিনামূল্যে ও ব্যক্তিগত

কোনো টাকার দেয়াল নেই, আর আপনি কী বাছছেন তার উপর নজরদারিও নেই। আপলোড করা ছবি ব্রাউজারেই পড়া হয় আর কোথাও যায় না।

এটি কাদের জন্য

ডিজাইনার ও প্রোডাক্ট দল: যখন কোনো ইন্টারফেস বা ব্র্যান্ড প্যালেটের খসড়া হয়, মিশ্রণ পরখ করা হয় আর গ্রেডিয়েন্টের নির্ভুল CSS কপি করা হয়।
চিত্রকলা ও অঙ্কন: ড্রপার দিয়ে ছবি ও চিত্র থেকে রং নিতে এবং কোমল ছায়াপাতের পরিকল্পনা করতে।
ফ্রন্ট-এন্ড উন্নয়ন: একটি প্রকল্প জুড়ে সঙ্গতিপূর্ণ রঙের মান তৈরি করতে আর বিদ্যমান নকশা থেকে সেগুলি পড়ে নিতে।
যাঁরা প্রবেশগম্যতা যাচাই করেন: একই রং ভিন্ন মডেলে মিলিয়ে দেখতে আর বৈপরীত্যের অনুপাত প্রয়োজনীয় সীমা না ছাড়ানো পর্যন্ত সাজাতে।

কীভাবে ব্যবহার করবেন

1
একটি রং বাছুন
সম্পৃক্ততার ক্ষেত্রে যেকোনো জায়গায় ক্লিক করুন, তারপর রং ও স্বচ্ছতার স্লাইডার দিয়ে সূক্ষ্ম করুন। HEX, RGB আর HSV সঙ্গে সঙ্গে বদলাতে থাকে।
2
ছবি থেকে রং নিন
একটি ছবি পাতায় টেনে আনুন বা ফাইল বাছুন, তারপর পছন্দের পিক্সেলে ক্লিক করুন। কোড সঙ্গে সঙ্গে দেখা দেয়।
3
গ্রেডিয়েন্ট গড়ুন
বিরতি যোগ করতে পট্টিতে ক্লিক করুন আর সেটিকে জায়গামতো টেনে নিন। রৈখিক বা ব্যাসার্ধীয় বেছে নিন আর কোণ ঠিক করুন।
4
কপি করে কাজে লাগান
মান বা পুরো CSS ঘোষণাটি কপি করুন। আপনি যা বাছেন তা নিজে থেকেই ইতিহাসে জমা হয়।

সাধারণ প্রশ্ন

ছোট একটি যন্ত্র, যা পথ আটকায় না

শুরুটা ছিল নিজেদের কাজের একটি সরঞ্জাম হিসেবে: আমরা একটি রং তুলে নিয়ে, একটু ঠিক করে এগিয়ে যেতে চাইতাম, তার আগে ভারী ডিজাইন সফটওয়্যার না খুলে। এটি ইচ্ছে করেই এক পাতা, ইচ্ছে করেই দ্রুত, আর বিনামূল্যেই থাকবে।

ব্রাউজার এক্সটেনশন

যে পাতাগুলিতে যান সেখান থেকেই সরাসরি রং নিতে চান? Chrome ও Edge-এর এক্সটেনশন টুলবারে একটি ড্রপার বোতাম যোগ করে, নিজেদের ইতিহাস রাখে, আর এক ক্লিকে এই সরঞ্জামটি খোলে।

Chrome ওয়েব স্টোর খুলুন Microsoft Edge অ্যাড-অন খুলুন