কালার পিকার
রঙ বাছুন এবং HEX, RGB, HSL মান পান।
কালার পিকার সম্পর্কে
GuruAlpha কালার পিকার আপনাকে একটি ইন্টারঅ্যাক্টিভ স্পেকট্রাম থেকে যেকোনো রঙ নির্বাচন করতে এবং তাৎক্ষণিকভাবে তার HEX, RGB এবং HSL মান পেতে দেয়। রঙ বাছাই করতে কালার গ্রেডিয়েন্টের যেকোনো জায়গায় ক্লিক করুন, স্লাইডার দিয়ে স্যাচুরেশন ও লাইটনেস সামঞ্জস্য করুন, অথবা কোনো পরিচিত কালার কোড লিখে তার প্রিভিউ দেখুন। এটি ওয়েব ডিজাইনার, গ্রাফিক শিল্পী এবং ডেভেলপারদের জন্য একটি অপরিহার্য টুল যারা প্রতিদিন রঙ নিয়ে কাজ করেন।
রঙ বাছাই ডিজাইন ওয়ার্কফ্লোর একটি মৌলিক কাজ। আপনি ওয়েবসাইট তৈরি করছেন, লোগো ডিজাইন করছেন, মার্কেটিং উপকরণ বানাচ্ছেন বা ছবি সম্পাদনা করছেন—যাই হোক না কেন, আপনাকে সঠিক রঙ নির্বাচন করতে এবং CSS, ডিজাইন সফটওয়্যার বা প্রিন্ট স্পেসিফিকেশনে ব্যবহারের জন্য তার প্রযুক্তিগত মান পেতে হয়। কালার পিকার তিনটি প্রধান কালার ফরম্যাট একসাথে সরবরাহ করে, যা আলাদা কনভার্সন টুলের প্রয়োজন দূর করে।
ইন্টারঅ্যাক্টিভ কালার স্পেকট্রাম সম্পূর্ণ দৃশ্যমান রঙের পরিসর একটি দ্বিমাত্রিক গ্রেডিয়েন্টে প্রদর্শন করে। অনুভূমিক অক্ষ হিউ (কালার হুইলে 0-360 ডিগ্রি) এবং উল্লম্ব অক্ষ স্যাচুরেশন উপস্থাপন করে। একটি পৃথক লাইটনেস স্লাইডার নিয়ন্ত্রণ করে নির্বাচিত রঙ কতটা উজ্জ্বল বা গাঢ়। এই সহজবোধ্য ইন্টারফেস আপনাকে দৃশ্যত ঠিক সেই রঙটি খুঁজে পেতে দেয় যা আপনি চান, তারপর আপনার প্রকল্পে ব্যবহারের জন্য তার মান কপি করতে দেয়।
টুলটিতে সাধারণত ব্যবহৃত রঙের একটি প্যালেটও অন্তর্ভুক্ত রয়েছে যা বিভাগ অনুসারে সাজানো: ওয়েব-সেফ রঙ, Material Design রঙ, Tailwind CSS রঙ এবং Pantone রেফারেন্স রঙ। যেকোনো প্রিসেটে ক্লিক করুন যাতে এটি তাৎক্ষণিকভাবে পিকারে লোড হয়। এই প্রিসেট লাইব্রেরি সাধারণ ব্যবহারের ক্ষেত্রে রঙ নির্বাচন দ্রুত করে এবং প্রতিষ্ঠিত ডিজাইন সিস্টেমের সাথে সামঞ্জস্য নিশ্চিত করে।
কনট্রাস্ট চেকার ইন্টিগ্রেশন নির্বাচিত রঙের সাদা ও কালো ব্যাকগ্রাউন্ডের বিপরীতে কনট্রাস্ট অনুপাত দেখায়, যা আপনাকে WCAG অ্যাক্সেসিবিলিটি মান পূরণকারী রঙ বাছাই করতে সাহায্য করে। সাধারণ টেক্সটের (WCAG AA) জন্য কমপক্ষে 4.5:1 এবং উন্নত অ্যাক্সেসিবিলিটির (WCAG AAA) জন্য 7:1 কনট্রাস্ট অনুপাত প্রয়োজন। এই বৈশিষ্ট্যটি প্রোডাকশনে পৌঁছানোর আগেই অ্যাক্সেসিবিলিটি সমস্যা প্রতিরোধ করে।
কালার পিকার-এর প্রধান বৈশিষ্ট্য
- হিউ, স্যাচুরেশন ও লাইটনেস নিয়ন্ত্রণসহ ইন্টারঅ্যাক্টিভ কালার স্পেকট্রাম
- HEX, RGB এবং HSL মান একসাথে প্রদর্শিত
- প্রিসেট কালার প্যালেট: ওয়েব-সেফ, Material Design, Tailwind, Pantone
- WCAG অ্যাক্সেসিবিলিটির জন্য কনট্রাস্ট অনুপাত চেকার
- যেকোনো ফরম্যাটে এক ক্লিকে মান কপি করুন
- সাম্প্রতিক রঙের ইতিহাস
- সব ডিভাইসে কাজ করে
- সাইন-আপের প্রয়োজন নেই
কালার পিকার কীভাবে ব্যবহার করবেন
- GuruAlpha-তে কালার পিকার খুলুন।
- হিউ ও স্যাচুরেশন নির্বাচন করতে কালার স্পেকট্রামে ক্লিক করুন।
- উজ্জ্বলতা সূক্ষ্মভাবে সামঞ্জস্য করতে লাইটনেস স্লাইডার ব্যবহার করুন।
- HEX, RGB এবং HSL মান রিয়েল-টাইমে দেখুন।
- অথবা যেকোনো ফরম্যাটে পরিচিত কালার কোড লিখে তার প্রিভিউ দেখুন।
- অ্যাক্সেসিবিলিটি সম্মতির জন্য কনট্রাস্ট অনুপাত যাচাই করুন।
- আপনার পছন্দের ফরম্যাটে কালার মান কপি করুন।
কালার পিকার ব্যবহারের টিপস
- আপনার নির্বাচিত ব্যাকগ্রাউন্ডে টেক্সটের পঠনযোগ্যতা নিশ্চিত করতে কনট্রাস্ট চেকার ব্যবহার করুন।
- প্রিসেট সময় বাঁচায় — একটি Material Design বা Tailwind রঙ দিয়ে শুরু করুন এবং সামঞ্জস্য করুন।
- রঙ সামঞ্জস্য করার জন্য HSL সবচেয়ে সহজবোধ্য ফরম্যাট — হিউ, স্যাচুরেশন বা লাইটনেস আলাদাভাবে পরিবর্তন করুন।
- সাম্প্রতিক রঙের ইতিহাস আপনাকে আগে নির্বাচিত রঙে ফিরে যেতে সাহায্য করে।
- CSS-এর জন্য HEX, ডিজাইন টুলের জন্য RGB এবং রঙ সামঞ্জস্যের জন্য HSL ব্যবহার করুন।
কালার পিকার সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্ন
HEX, RGB এবং HSL-এর মধ্যে পার্থক্য কী?
HEX একটি 6-অঙ্কের হেক্স কোড ব্যবহার করে (#FF5733)। RGB রঙকে লাল, সবুজ, নীল মান (প্রতিটি 0-255) দিয়ে সংজ্ঞায়িত করে। HSL হিউ (0-360), স্যাচুরেশন (0-100%) এবং লাইটনেস (0-100%) ব্যবহার করে।
WCAG কনট্রাস্ট অনুপাত কী?
WCAG পঠনযোগ্যতার জন্য ন্যূনতম কনট্রাস্ট নির্ধারণ করে। AA-এর জন্য সাধারণ টেক্সটে 4.5:1 প্রয়োজন। AAA-এর জন্য 7:1 প্রয়োজন। টুলটি আপনার নির্বাচিত রঙের সাদা ও কালোর বিপরীতে অনুপাত দেখায়।
আমি কি সরাসরি কালার কোড লিখতে পারি?
হ্যাঁ। HEX (#FF5733), RGB (rgb(255,87,51)) বা HSL (hsl(9,100%,60%)) মান লিখুন এবং পিকার সেই রঙ দেখাবে।
প্রিসেটগুলো কি প্রকৃত ডিজাইন সিস্টেম থেকে?
হ্যাঁ। প্রিসেটে ওয়েব-সেফ রঙ, Google Material Design, Tailwind CSS এবং Pantone রেফারেন্স রঙ অন্তর্ভুক্ত।