সহজ কালার পিকার

Chrome-এর জন্য ফ্রি কালার পিকার

কালার পিকার দিয়ে যেকোনো পেজের রং বাছুন। পান #E8553D

সহজ কালার পিকার হলো Chrome-এর একটি ফ্রি আইড্রপার। এর বোতাম বা Alt+P চাপুন, জুম লেন্স দিয়ে যেকোনো পিক্সেলে তাক করে ক্লিক করুন: HEX, RGB বা HSL কোড সঙ্গে সঙ্গে ক্লিপবোর্ডে চলে আসে। শেষ 50টি রং পপআপে থাকে।

Chrome-এ যোগ করুন — ফ্রি

Chrome Web Store-এ ৪৫৩ ব্যবহারকারী

Edge, Brave, Opera এবং অন্যান্য Chromium-ভিত্তিক ব্রাউজারেও কাজ করে।

ওয়েব পেজের একটি পোস্টারের ওপর বর্গাকার জুম লেন্স একটি পিক্সেল ঘিরে তার HEX, RGB ও HSL দেখাচ্ছে; পাশে সহজ কালার পিকার পপআপে #E8553D ও রঙের ইতিহাস দেখা যাচ্ছে

এক নজরে

কী করে
রং বাছার আইড্রপার: জুম লেন্স দিয়ে ওয়েব পেজের যেকোনো পিক্সেলে তাক করে ক্লিক করুন। তার HEX, RGB বা HSL কোড কপি হয়ে যায়।
কাদের জন্য
ওয়েব ডেভেলপার ও ডিজাইনার, যাঁরা ব্রাউজারে খোলা সাইট, মকআপ ও স্ক্রিনশটের রং মেলান, এবং যাঁরই রঙের কোড দরকার।
দাম
ফ্রি। অ্যাকাউন্ট বা টাকা দিয়ে কেনার সংস্করণ নেই।
তথ্য
আপনার ইতিহাস ও ডিফল্ট ফরম্যাট ডিভাইসে এক্সটেনশনের স্থানীয় স্টোরেজে থাকে। বিশ্লেষণ বা নেটওয়ার্ক অনুরোধ নেই।
যেখানে কাজ করে
কম্পিউটারে Chrome এবং Chrome Web Store থেকে এক্সটেনশন ইনস্টল করতে পারে এমন অন্যান্য Chromium ব্রাউজারে। নতুন ট্যাব, সেটিংস বা Chrome Web Store-এর মতো ব্রাউজারের নিজস্ব পেজে কাজ করে না।
সীমা
শুরু করার সময় নেওয়া স্ক্রিনশট থেকে ট্যাবের দৃশ্যমান অংশের রং বেছে নেয়। CMYK, Pantone বা কনট্রাস্ট পরীক্ষা নেই, ব্রাউজারের বাইরেও রং বাছা যায় না।
সংস্করণ
2.7.0, আপডেট হয়েছে ২৩ অক্টোবর, ২০২৬

তিন ধাপ, এক ক্লিক

  1. 1

    কালার পিকার চালু করুন

    টুলবারের আইকনে ক্লিক করে একটি রং বেছে নিন বোতামটি চাপুন, অথবা যেকোনো পেজে Alt+P চাপুন।

  2. 2

    লেন্স দিয়ে তাক করুন

    বর্গাকার লেন্স কার্সরের চারপাশ বড় করে দেখায় এবং নির্দিষ্ট পিক্সেলটি ঘিরে রাখে। নিচের নমুনায় HEX, RGB ও HSL সরাসরি দেখা যায়।

  3. 3

    ক্লিক করে পেস্ট করুন

    কোডটি আপনার ডিফল্ট ফরম্যাটে কপি হয়, আর ছোট একটি বার্তা তা নিশ্চিত করে। CSS, Figma বা কোনো বার্তায় পেস্ট করুন।

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

CSS

ফ্রন্টএন্ডের কাজ

DevTools না খুলেই চালু সাইট থেকে CSS, SCSS বা Tailwind কনফিগের জন্য নির্ভুল মান নিন।

HEX

ডিজাইন ও ব্র্যান্ডের রং যাচাই

ইন্টারফেস, মকআপ বা রেফারেন্স থেকে রঙের প্যালেট নিন এবং পেজে সঠিক ব্র্যান্ডের রং ব্যবহার হয়েছে কি না দেখুন।

HSL

রং সমন্বয়

উজ্জ্বলতা ও সম্পৃক্ততা হাতে বদলাতে HSL নিন, আর সংখ্যাভিত্তিক কোডের জন্য RGB নিন।

যা করতে পারে

  • পিক্সেল, ঘিরে দেখানো

    লেন্স কার্সরের চারপাশের 11 × 11 পিক্সেল বড় করে দেখায়, আর লক্ষ্যচিহ্ন আপনার নেওয়ার পিক্সেলটি ঘিরে রাখে। এক পিক্সেল চওড়া বর্ডার বা গ্রেডিয়েন্টের একটি ধাপ বেছে নিন।

  • ফরম্যাট

    HEX যেমন #2A6FDB, RGB যেমন rgb(42, 111, 219), HSL যেমন hsl(217, 71%, 51%)। পপআপে একবার ডিফল্ট ফরম্যাট বেছে নিন।

  • রং ইতিহাসে

    প্রতিটি নতুন রং শেষ 50টি রঙের গ্রিডের শুরুতে আসে, একই রং বারবার থাকে না। তিনটি কোড দেখতে ও কপি করতে রঙের নমুনায় ক্লিক করুন।

  • Alt+P শর্টকাট

    পপআপ না খুলেই রং বাছা শুরু করুন। অন্য কী চাইলে পপআপের কী চিহ্ন থেকে Chrome-এর শর্টকাট সেটিংস খুলুন।

  • নেটওয়ার্ক অনুরোধ

    সবকিছু আপনার ব্রাউজারেই চলে। অ্যাকাউন্ট, বিশ্লেষণ বা ব্যবহারের তথ্য পাঠানো নেই।

  • হালকা ও গাঢ়

    পপআপ ও লেন্স আপনার সিস্টেমের থিম অনুসরণ করে। নিরপেক্ষ ধূসর রং আপনার যাচাই করা রঙের ধারণা বদলায় না।

ওয়েব পেজের যেকোনো কিছুর রঙের কোড যেভাবে পাবেন

Chrome-এর নিজস্ব আইড্রপার DevTools-এর ভেতরে থাকে: স্টাইল প্যানেল খুলুন, রঙের প্রপার্টি খুঁজুন, তার নমুনায় ক্লিক করে আইড্রপারে ক্লিক করুন। এটি কাজ করে, তবে পেতে কয়েক ধাপ লাগে। আর বেছে নেওয়া মান ক্লিপবোর্ডে না এসে পেজের CSS-এর সেই প্রপার্টি বদলে দেয়।

সহজ কালার পিকার এক ক্লিক বা শর্টকাটেই আইড্রপার খুলে দেয়। শুরু করলে এটি ট্যাবের দৃশ্যমান অংশের স্ক্রিনশট নিয়ে তার ওপর বর্গাকার লেন্স খোলে। ফলে গড় রঙের বদলে নির্দিষ্ট পিক্সেলটি দেখেন। এক ক্লিকে কোড কপি হয়, আর পপআপে শেষ 50টি রঙের সঙ্গে তিন ফরম্যাটেই থাকে।

শুরু করার আগে পেজের দরকারি অংশে স্ক্রল করুন: লেন্স সেই স্ক্রিনশট থেকে রং পড়ে। নতুন ট্যাব, সেটিংস ও Chrome Web Store-এর মতো ব্রাউজারের নিজস্ব পেজ সব এক্সটেনশনের জন্য বন্ধ।

গোপনীয়তা মাথায় রেখে তৈরি

  • নেটওয়ার্ক অনুরোধ নেই

    এক্সটেনশন কোনো সার্ভারের সঙ্গে যোগাযোগ করে না। বিশ্লেষণ বা ব্যবহারের তথ্য পাঠানো নেই।

  • আপনার ডিভাইসেই থাকে

    আপনার ইতিহাস ও ডিফল্ট ফরম্যাট এক্সটেনশনের স্থানীয় স্টোরেজে থাকে।

  • চারটি অনুমতি

    কেবল রং বাছা শুরু করলে স্ক্রিনশট নেওয়ার জন্য সক্রিয় ট্যাব; লেন্স দেখাতে স্ক্রিপ্ট চালানো; ইতিহাস ও ফরম্যাট রাখতে স্টোরেজ; কোড কপি করতে ক্লিপবোর্ডে লেখা।

DevTools আইড্রপার ও সহজ কালার পিকার-এর তুলনা

DevTools আইড্রপার ও সহজ কালার পিকার-এর তুলনাDevTools আইড্রপারসহজ কালার পিকার
শুরু করার উপায়DevTools খুলুন, স্টাইলে রং খুঁজুন, নমুনায় ক্লিক করে আইড্রপারে ক্লিক করুনটুলবারের বোতাম বা Alt+P
ফলাফল যেখানে যায়আপনার খোলা CSS প্রপার্টিতে; নিজে কপি করতে হয়ক্লিকেই আপনার ক্লিপবোর্ডে
রঙের ফরম্যাটHEX, RGB, HSL এবং আরওHEX, RGB ও HSL
আগে বাছা রংরাখা হয় নাশেষ 50টি রং, আবার কপি করার জন্য প্রস্তুত
দামChrome-এর সঙ্গে দেওয়াফ্রি

প্রশ্ন

ওয়েবসাইট থেকে রঙের কোড কীভাবে পাব?

সহজ কালার পিকার ইনস্টল করুন, পেজে Alt+P চাপুন, লেন্স রঙের ওপর তাক করে ক্লিক করুন। HEX কোড, বা আপনার পছন্দমতো RGB বা HSL, ক্লিপবোর্ডে কপি হবে।

কালার পিকার দিয়ে ওয়েব পেজের ছবি থেকে রং কীভাবে বাছব?

একইভাবে: পিকার চালু করে ছবির কাঙ্ক্ষিত পিক্সেলে ক্লিক করুন। লেন্স বড় করে দেখায়, তাই নির্দিষ্ট একটি পিক্সেল নিতে পারেন।

HEX-এর বদলে HSL বা RGB কপি করতে পারব?

হ্যাঁ। পপআপে ডিফল্ট ফরম্যাট বাছুন: HEX, RGB বা HSL। ইতিহাসের প্রতিটি রঙের তিনটি ফরম্যাটই পপআপে দেখা যায়, প্রতিটির আলাদা কপি বোতাম থাকে।

আগে বেছে নেওয়া রং কোথায় পাব?

পপআপ খুলুন: শেষ 50টি রং নমুনা হিসেবে থাকে, নতুনগুলো আগে। কোড দেখতে ও কপি করতে একটিতে ক্লিক করুন, অথবা ইতিহাস মুছে দিন।

Alt+P শর্টকাট কীভাবে বদলাব?

পপআপে শর্টকাটের কী চিহ্নে ক্লিক করুন। Chrome-এর কিবোর্ড শর্টকাট পেজ খুলবে, যেখানে অন্য কী সেট করতে পারেন।

আইড্রপার কিছু পেজে কাজ করে না কেন?

Chrome তার নিজস্ব নতুন ট্যাব, সেটিংস ও Chrome Web Store-এর মতো পেজে সব এক্সটেনশন বন্ধ রাখে। পিকার কেবল ট্যাবের দৃশ্যমান অংশ থেকে পড়ে, তাই আগে রঙের জায়গায় স্ক্রল করুন।

ব্রাউজারের বাইরে রং বাছতে পারে?

না। কেবল ব্রাউজারের বর্তমান ট্যাব থেকে রং বেছে নেয়। CMYK বা Pantone-এ রূপান্তর বা কনট্রাস্ট পরীক্ষাও করে না।

এটি কি ফ্রি? তথ্য সংগ্রহ করে?

এটি ফ্রি এবং কোনো নেটওয়ার্ক অনুরোধ করে না। আপনার ইতিহাস ও ডিফল্ট ফরম্যাট আপনার ডিভাইসেই থাকে।

PYROCTAL-এর আরও ফ্রি এক্সটেনশন

তাক করুন। ক্লিক করুন। পেস্ট করুন।

Chrome-এ যোগ করুন — ফ্রি