সিএসএস রঙ বৈশিষ্ট্য। কালার কোড

সরঞ্জামগুলির মধ্যে একটি ওয়েবপৃষ্ঠাটি শৈলী পরিবর্তন করতে - সিএসএস রঙ। এই সেটিং পরিবর্তন করার বিভিন্ন উপায় আছে। প্রতিটি উভয় সুবিধা এবং অসুবিধা আছে।

নাম

রঙ সম্পত্তি আইটেমের রঙ সেট করে। শিরোনাম 145 ছায়া গো সিএসএস অন্তর্ভুক্ত করা হয়েছে। এদের মধ্যে আছে সহজ (যেমন, কালো নীল হিসাবে) এবং জটিল (যেমন আরক্ত, lawngreen হিসাবে) হয়।

কারণ কঠিন সমগ্র তালিকা মনে রাখার জন্য, শৈলী পত্রক নাম খুব কমই ব্যবহার করা হয়।

আরজিবি

টিভি বেশিরভাগ স্মার্টফোনের, মনিটর আরজিবি রঙ মডেল সঙ্গে কাজ করে। অর্থাৎ কোনো রঙ মৌলিক রং, যা লাল, সবুজ ও নীল সংমিশ্রণ থেকে নির্ধারণ করা যাবে। . অনুরূপ একটি অভিমুখ সিএসএস উভয় ডিভাইসের ব্যবহার করা হয়, এবং। основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. রঙ মৌলিক রচনা নিতে মান 0 থেকে 255 করা সম্ভব রঙের বেশ কয়েকটি 16777216 সমান হয়।

আরজিবি (255, 255, 255) - যেহেতু আরজিবি মডেল সরাসরি রঙ ইমেজিং এর শারীরিক আইন সঙ্গে সম্পর্কযুক্ত, কালো RGB (0, 0, 0), সাদা হিসাবে সেখানে উল্লেখ করা হয়। RGBA সিস্টেম সম্পূর্ণরূপে, আরজিবি অনুরূপ আলফা চ্যানেলের যোগে। এটা তোলে স্বচ্ছতা, যা পটভূমি আলোছায়া সঙ্গে মিলে প্রভাবিত করে। উপাদান এই ফর্মে "স্তর" অনুযায়ী পরিবর্তিত হতে হবে।

HSL

বুঝতে HLS সিস্টেম, আপনি একটি রঙ চাকা জমা দিতে হবে। তার কেন্দ্রে লাল, তারপর (ঘড়ির কাঁটার দিকে) সব অন্যান্য রামধনু রঙের হয়। цвета при помощи системы HLS требуется задать три параметра: সিএসএস HLS সিস্টেম ব্যবহার রঙের নির্ধারণ তিন পরামিতি প্রয়োজন:

• রঙ (ডিগ্রীতে) - বৃত্ত কেন্দ্রের দিক;
• সম্পৃক্তি (PERCENTAGE) - কত রঙ আপনি প্রয়োজন;
• উজ্জ্বলতা (শতাংশে)।

উদাহরণস্বরূপ, রক্তবর্ণ এমনভাবে নির্ধারণ করা যেতে পারে: hsl (315, 100%, 45%)। HSL পরীক্ষার জন্য সবচেয়ে সুবিধাজনক। অধ্যয়ন করার পর রঙ চাকা, আপনি যখন পর্যবেক্ষক পারেন স্টাইলশীট মোটামুটিভাবে প্রতিনিধিত্ব কি রঙ নির্দিষ্ট উপাদানের সেট। HSLA - একই HLS, কেবলমাত্র আলফা সঙ্গে hsl (0, 100%, 50, 0.6) - লাল, স্বচ্ছ সামান্য অর্ধেকের বেশি।

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . সিএসএস, আপনি যেমন মানটি # FF4500 দ্বারা নির্ধারিত কমলা হিসাবে, হেক্সাডেসিমেল উপস্থাপনা ব্যবহার রঙ সেট করতে পারেন।

কি হেক্সাডেসিমেল উপস্থাপনা ভাল করে বুঝতে জন্য আরও দশমিক সিস্টেম বিবেচনা করা উচিত। 0 9. যখন সংখ্যা বেশি 9 গণনা মধ্যে প্রয়োজন নেই, এক বিট যোগ করা হয় থেকে একটি সংখ্যা, এবং এটি পরে 9 10 সক্রিয়, তারপর 100, ইত্যাদি। ই সকল ঠিক হেক্সাডেসিমেল নোটেশনে একই, কিন্তু এটা এ, তারপর B, এবং তাই এফ উপর - 15 দশমিক সিস্টেমের মধ্যে হিসাবে একই। তারপর অঙ্ক যোগ করুন, এবং এটি 16 চলিত পরিপ্রেক্ষিতে 10 সক্রিয় আউট।

আরজিবি মতই, হেক্স রং কি অনুপাতে ইঙ্গিত মৌলিক রং ব্যবহার করতে। (: # FFD500 রঙ) এই ক্ষেত্রে, তারা কমা দ্বারা পৃথক করা হয় না। প্রতি দুই অক্ষর লাল, সবুজ এবং নীল সংখ্যা উল্লেখ করুন।

CSS. একটি নিয়ম হিসাবে, হেক্স সিস্টেম গবেষণা কালে ব্যবহার করা হয় না, যেহেতু এটি ডান সিএসএস রঙ এটি অসম্ভব। может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. টেবিল এ ব্যাপারে সাহায্য করতে পারেন, কিন্তু আপনি যদি ক্রমাগত এটির উল্লেখ কাজ বিলম্বিত করা হবে না। হেক্সাডেসিমেল উপস্থাপনা সবচেয়ে সুবিধাজনক যখন টেমপ্লেট গ্রাফিক এডিটর থেকে স্থানান্তরিত করা হয়। এটা অনেক এটি শুধুমাত্র একটি ডিজিট থেকে তিনটি করিয়া চেয়ে কপি করা সহজ।

কোন পথে সবচেয়ে ভাল?

এই অ্যাকাউন্টের আমরা বলতে পারি না কিছু কংক্রিট। ইন্টারফেস উপাদান স্বচ্ছতা প্রয়োজন হয়, তাহলে RGBA এবং HSLA মধ্যে বেছে নিন। আপনি ব্রাউজার HLS রঙ চাকা মধ্যে পরীক্ষা করতে চান সবচেয়ে সুবিধাজনক হবে। আপনি যদি একটি প্যালেট ব্যবহার বা ফটোশপ থেকে নকশা হস্তান্তর হয়, সিএসএস হেক্সাডেসিমেল কালার কোড ব্যবহার করা উচিৎ।