রঙ কোড জেনারেটর

একটি রঙ বেছে নিন এবং তাৎক্ষণিকভাবে HEX, RGB ও HSL কোড দেখুন — পাশাপাশি পরিপূরক রঙ ও CSS রঙের নাম।

তাৎক্ষণিক ফলাফল ব্রাউজারে চলে
HEX কোড
#3D7EF7
RGB মান
rgb(61, 126, 247)
HSL মান
hsl(218, 91%, 60%)
রঙের নাম
পরিপূরক
#F7823D

রঙ মডেল গাইড

HEX  → #RRGGBB
RGB  → 0–255 per ch.
HSL  → 0–360° / 0–100%
WCAG → min 4.5:1

HEX CSS-এর জন্য সংক্ষিপ্ত। RGB স্ক্রিন পিক্সেলে মেপে নেয়। HSL ডিজাইনারদের জন্য স্বজ্ঞাত — হিউ, স্যাচুরেশন ও লাইটনেস স্বাধীনভাবে সামঞ্জস্য করুন।

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

  1. 1
    একটি রঙ বেছে নিনরঙ পিকারে ক্লিক করুন এবং যেকোনো রঙ বেছে নিন। সব ফরম্যাটের কোড তাৎক্ষণিকভাবে আপডেট হয়।
  2. 2
    সব ফরম্যাট দেখুনHEX কোড, RGB মান, HSL মান, CSS রঙের নাম (যদি থাকে) ও পরিপূরক রঙ একসাথে দেখুন।
  3. 3
    আপনার কোড কপি করুনCSS বা ডিজাইন টুলের জন্য ক্লিপবোর্ডে মান সংরক্ষণ করতে HEX, RGB বা HSL-এর পাশের কপি বাটন চাপুন।

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

HEX রঙ কোড কী?
HEX রঙ কোড হলো একটি ৬-সংখ্যার হেক্সাডেসিমাল সংখ্যা (#RRGGBB) যা লাল, সবুজ ও নীল চ্যানেলের তীব্রতা প্রকাশ করে। প্রতিটি জোড়া ০০ (কিছু নেই) থেকে FF (সম্পূর্ণ = ২৫৫) পর্যন্ত। HEX ১৬.৭ মিলিয়ন রঙ সমর্থন করে এবং CSS ও ওয়েব ডিজাইন টুলের মান ফরম্যাট।
RGB ও HSL এর মধ্যে পার্থক্য কী?
RGB রঙকে তিনটি আলোর তীব্রতা (লাল, সবুজ, নীল) ০–২৫৫ হিসেবে বর্ণনা করে, যা মনিটর কীভাবে কাজ করে তার সাথে মেলে। HSL হিউ (০–৩৬০°), স্যাচুরেশন (০–১০০%) ও লাইটনেস (০–১০০%) ব্যবহার করে। ডিজাইনারদের জন্য HSL আরও স্বজ্ঞাত।
পরিপূরক রঙ কী?
পরিপূরক রঙ রঙচক্রে ঠিক বিপরীতে থাকে (হিউতে ১৮০° দূরে)। পরিপূরক জোড়া সর্বোচ্চ বৈসাদৃশ্য তৈরি করে: লাল ↔ সায়ান, সবুজ ↔ ম্যাজেন্টা, নীল ↔ হলুদ।

ওয়েব রঙ মডেল বোঝা

ওয়েবে রঙ তিনটি প্রধান মডেলের মাধ্যমে প্রকাশ করা হয়: HEX (হেক্সাডেসিমাল), RGB (লাল-সবুজ-নীল) ও HSL (হিউ-স্যাচুরেশন-লাইটনেস)। প্রতিটি CSS, ওয়েব ডিজাইন ও রঙ তত্ত্বে আলাদা উদ্দেশ্যে কাজ করে।

মন্তব্য