লাল রঙের জন্য RGB কোড লেখা হয়। CSS-এ পাঠ্যের রঙ সেট করা
বইয়ের প্রথম অংশে, আমরা ইতিমধ্যে কিছু উদাহরণে দেখিয়েছি কিভাবে CSS-এ টেক্সট কালার সেট করতে হয়। এখানে জটিল কিছু নেই: আপনার রঙের বৈশিষ্ট্য এবং আপনি যে রঙের সাথে পাঠ্য রঙ করতে চান তার মান প্রয়োজন।
পি (রঙ: #211C18;)
আমাদের উদাহরণে, মান #211C18 হেক্সাডেসিমেল রঙের কোড উপস্থাপন করে। আপনি যদি ইতিমধ্যে হেক্সাডেসিমেল সংখ্যা পদ্ধতির সাথে পরিচিত হন, তাহলে আপনি পরবর্তী অনুচ্ছেদটি পড়া এড়িয়ে যেতে পারেন। আমরা ওয়েবে রঙের প্রতিনিধিত্ব করার অন্যান্য উপায় সম্পর্কে আরও কথা বলব - রঙের মডেল ব্যবহার করে (RGB, HSL) এবং কীওয়ার্ড. এই তথ্য নতুনদের জন্য দরকারী হবে এবং পড়ার সুপারিশ করা হয়.
হেক্সাডেসিমেল রং (হেক্স)
হেক্সাডেসিমেল সংখ্যা পদ্ধতি ( হেক্সাডেসিমেল, হেক্স) 16 নম্বরের উপর ভিত্তি করে। একটি হেক্সাডেসিমেল মান লিখতে, 16টি অক্ষর ব্যবহার করা হয়: 0 থেকে 9 পর্যন্ত আরবি সংখ্যা এবং ল্যাটিন বর্ণমালার প্রথম অক্ষর (A, B, C, D, E, F)। হেক্সাডেসিমেল ফরম্যাটে রঙ 00 থেকে FF পর্যন্ত তিনটি দ্বি-সংখ্যার সংখ্যা হিসাবে লেখা হয় (এগুলি অবশ্যই একটি হ্যাশ চিহ্ন # দ্বারা আগে হতে হবে), যা তিনটি উপাদানের সাথে মিলে যায়: লাল, সবুজ, নীল (RGB রঙের মডেল)। অন্য কথায়, একটি রঙের এন্ট্রিকে #RRGGBB হিসাবে উপস্থাপন করা যেতে পারে, যেখানে প্রথম জোড়া অক্ষরটি লাল স্তর, দ্বিতীয়টি - সবুজ স্তর এবং তৃতীয়টি - নীল স্তর নির্ধারণ করে৷ ফলস্বরূপ রঙটি এই তিনটি রঙের সংমিশ্রণ।
হেক্স রঙের জন্য সংক্ষিপ্ত স্বরলিপি
কিছু হেক্সাডেসিমেল রঙের মান সংক্ষেপে লেখা যেতে পারে। এটি করার জন্য, #RRGGBB এর মত এন্ট্রিটিকে #RGB-তে পরিণত করুন। এটি করা যেতে পারে যখন হেক্স নম্বরে তিন জোড়া অভিন্ন অক্ষর থাকে।
স্বরলিপির সংক্ষিপ্ত রূপটি বেশ সাধারণ, এবং আপনার রেফারেন্সের জন্য আমরা সংক্ষেপণের কয়েকটি উদাহরণ প্রদান করব। যাইহোক, হেক্স রঙের মানগুলি কেস সংবেদনশীল নয় - আপনি বড় হাতের এবং ছোট হাতের অক্ষর উভয়ই ব্যবহার করতে পারেন, এটি সমস্ত আপনার ইচ্ছা এবং স্বাদের উপর নির্ভর করে।
হেক্স রঙের জন্য সংক্ষিপ্ত স্বরলিপির উদাহরণ:
HEX কোড | সংক্ষিপ্ত স্বরলিপি |
---|---|
#FFDD66 | #FD6 |
#8833FF | #83F |
#333333 | #333 |
#cccccc | #ccc |
আরজিবি রঙের মডেল
CSS-এ রং নির্দিষ্ট করার দ্বিতীয় উপায় হল দশমিক RGB মান (লাল, নীল, সবুজ) ব্যবহার করা। এটি করার জন্য, আপনাকে রঙের বৈশিষ্ট্যের পরে rgb কীওয়ার্ড লিখতে হবে এবং তারপরে বন্ধনীতে এবং কমা দ্বারা পৃথক করতে হবে - 0 থেকে 255 পর্যন্ত তিনটি সংখ্যা, যার প্রতিটির অর্থ লাল, সবুজ এবং নীল রঙের তীব্রতা (r , ছ, খ)। সংখ্যা যত বেশি, রঙ তত বেশি তীব্র। উদাহরণস্বরূপ, একটি উজ্জ্বল সবুজ রঙ পেতে, আপনাকে লিখতে হবে:
P ( রঙ: rgb(0, 255, 0);)
তবে হলুদ-সরিষার আভাটির নিম্নলিখিত অর্থ রয়েছে:
রঙ: rgb(94, 81, 3); /* নীচে একই রঙ, হেক্সাডেসিমেলে লেখা: */ color: #5E5103;
কালোর মান লেখা হয় (0, 0, 0) এবং সাদার জন্য (255, 255, 255)। শতাংশ হিসাবে এই মানগুলি নির্দেশ করাও সম্ভব। সুতরাং, 255 সংখ্যাটি 100% এর সাথে মিলে যায়, তাই, সাদা রঙনিম্নলিখিত হিসাবে সেট করা যেতে পারে:
রঙ: rgb(100%, 100%, 100%);
যেখানে রঙের অর্থ খুঁজতে হবে
সম্ভবত আপনার একটি প্রশ্ন আছে: আপনি এই সমস্ত রঙের অর্থ কোথায় পাবেন? এখানে অনেক গ্রাফিক সম্পাদকএবং অনলাইন পরিষেবা যা দিয়ে আপনি রং নির্বাচন করতে এবং রঙের স্কিম তৈরি করতে পারেন। সর্বাধিক জনপ্রিয় প্রোগ্রামগুলির মধ্যে একটি যেখানে আপনি একটি উপযুক্ত রঙ নির্বাচন করতে পারেন এবং এর আরজিবি, হেক্স মান এবং আরও অনেক কিছু পেতে পারেন - অ্যাডোবি ফটোশপ. একটি বিকল্প হিসাবে, এমন বিশেষ সাইট রয়েছে যেখানে আপনি সহজেই কেবল একটি রঙই নয়, একটি সম্পূর্ণ রঙের স্কিমও চয়ন করতে পারেন। একটি দুর্দান্ত উদাহরণ হল অ্যাডোব কালার সিসি পরিষেবা।
আরজিবিএ রঙের মডেল
আপনি RGB-এর মতো একইভাবে RGBA ফর্ম্যাটে একটি রঙ সেট করতে পারেন। RGBA এবং RGB এর মধ্যে পার্থক্য হল একটি আলফা চ্যানেলের উপস্থিতি, যা রঙের স্বচ্ছতার জন্য দায়ী। 0 থেকে 1 পর্যন্ত পরিসরে একটি সংখ্যা ব্যবহার করে স্বচ্ছতা সেট করা হয়, যেখানে 0 মানে সম্পূর্ণ স্বচ্ছতা, এবং 1 এর বিপরীতে, সম্পূর্ণ অস্বচ্ছ। 0.5 এর মতো মধ্যবর্তী মানগুলি আপনাকে একটি স্বচ্ছ চেহারা সেট করতে দেয় (শূণ্য ছাড়াই, কিন্তু একটি বিন্দু সহ - .5 সহ সংক্ষিপ্ত স্বরলিপি অনুমোদিত)। উদাহরণস্বরূপ, পাঠ্যটিকে রঙিন এবং সামান্য স্বচ্ছ করতে, আপনাকে rgba কীওয়ার্ড এবং রঙের বৈশিষ্ট্যের পরে রঙের মান লিখতে হবে:
P ( রঙ: rgba(94, 81, 3, .9);)
RGBA এর অসুবিধা হল এটি সমর্থন করে না ইন্টারনেট ব্রাউজার এক্সপ্লোরার সংস্করণ 8 এবং তার আগে। বিশেষ করে IE8 এর জন্য, আপনি নিম্নলিখিত সমাধানটি প্রয়োগ করতে পারেন:
P ( রঙ: rgb(94, 81, 3); রঙ: rgba(94, 81, 3, .9);)
উদাহরণের প্রথম বৈশিষ্ট্যটি IE8 ব্রাউজারের উদ্দেশ্যে, যা পাঠ্যটিকে পছন্দসই রঙে প্রদর্শন করবে, তবে স্বচ্ছতা ছাড়াই। এবং যে ব্রাউজারগুলি RGBA বোঝে তারা স্বচ্ছতার সাথে উপাদানটিতে দ্বিতীয় বৈশিষ্ট্য প্রয়োগ করবে।
এইচএসএল (এইচএসএলএ) রঙের মডেল
এছাড়াও আপনি এইচএসএল কালার মডেলের স্থানাঙ্ক (হিউ, স্যাচুরেশন, লাইটনেস) ব্যবহার করে সিএসএস-এ রঙ সেট করতে পারেন। এটি এই মত লেখা হয়:
P ( রঙ: hsl(165, 100%, 50%);)
বন্ধনীতে প্রথম সংখ্যাটির অর্থ হল রঙ এবং এটি ডিগ্রীতে দেওয়া হয়েছে (0 থেকে 359 পর্যন্ত সংখ্যার পরিসর)। ডিগ্রী কেন ব্যবহার করা হয় তা বোঝা সহজ হবে যদি আপনি মনে রাখবেন যে রঙের চাকাটি কেমন দেখাচ্ছে:
বন্ধনীতে দ্বিতীয় এবং তৃতীয় সংখ্যাগুলি যথাক্রমে স্যাচুরেশন এবং হালকাতা বোঝায়। তাদের মানগুলি 0 থেকে 100 শতাংশে সেট করা হয়। স্যাচুরেশন মান যত কম হবে, রঙ তত বেশি নিঃশব্দ হবে। শূন্যের একটি স্যাচুরেশন মান একটি ধূসর রঙে পরিণত হবে, রঙের মান যাই হোক না কেন। হালকাতার মান আপনাকে রঙের উজ্জ্বলতা নির্দিষ্ট করতে দেয়। নিম্ন মানগুলি গাঢ় রঙের ছায়ায় পরিণত হয়, উচ্চ মানগুলি হালকা শেডগুলিতে পরিণত হয়। হালকাতার জন্য 100% মানে সাদা, 0% মানে কালো।
HSLA রঙের মডেলটি প্রায় HSL-এর মতোই কাজ করে, কিন্তু, RGBA-এর মতো, এটিতে একটি আলফা চ্যানেল রয়েছে যার সাহায্যে আপনি 0 থেকে 1 পর্যন্ত পরিসরে পছন্দসই মান নির্দিষ্ট করে রঙের স্বচ্ছতা সেট করতে পারেন:
P ( রঙ: hsla(165, 100%, 50%, .6);)
এইচএসএল এবং এইচএসএলএ ছাড়া সমস্ত ব্রাউজার দ্বারা সমর্থিত ইন্টারনেট এক্সপ্লোরারসংস্করণ 8 এবং তার আগের।
স্ট্যান্ডার্ড HTML রং
ওয়েবে রঙের প্রতিনিধিত্ব করার আরেকটি উপায় হল কীওয়ার্ড, যা একটি উপাদানের জন্য একটি রঙ নির্দিষ্ট করতে ব্যবহার করা যেতে পারে। উদাহরণ:
P(রঙ:কালো;)
16টি মানক রঙ রয়েছে যা রঙের সম্পত্তির মানতে লেখা যেতে পারে:
কালার কীওয়ার্ড | HEX কোড | আরজিবি |
---|---|---|
লাল | #FF0000 | 255, 0, 0 |
মেরুন | #800000 | 128, 0, 0 |
হলুদ | #FFFF00 | 255, 255, 0 |
জলপাই | #808000 | 128, 128, 0 |
চুন | #00FF00 | 0, 255, 0 |
সবুজ | #008000 | 0, 128, 0 |
জলজ | #00FFFF | 0, 255, 255 |
টিল | #008080 | 0, 128, 128 |
নীল | #0000FF | 0, 0, 255 |
নৌবাহিনী | #000080 | 0, 0, 128 |
fuchsia | #FF00FF | 255, 0, 255 |
বেগুনি | #800080 | 128, 0, 128 |
সাদা | #FFFFFF | 255, 255, 255 |
রূপা | #C0C0C0 | 192, 192, 192 |
ধূসর | #808080 | 128, 128, 128 |
কালো | #000000 | 0, 0, 0 |
এই রং সব ব্রাউজার দ্বারা সমর্থিত. এগুলি ছাড়াও, রঙের বিভিন্ন শেডের জন্য প্রায় 130টি অতিরিক্ত কীওয়ার্ড রয়েছে। এই রঙগুলির একটি সম্পূর্ণ টেবিল W3C রেফারেন্স বইতে দেখা যেতে পারে।
এই ধরনের কীওয়ার্ডের ব্যবহার গ্রহণযোগ্য, তবে কিছু শব্দ ব্রাউজার দ্বারা গৃহীত না হওয়ার ঝুঁকি রয়েছে। তাই, কীওয়ার্ডের পরিবর্তে হেক্সাডেসিমেল কালার কোড লেখার পরামর্শ দেওয়া হচ্ছে।
ফলাফল
CSS-এ, টেক্সটের রঙ কালার প্রপার্টি ব্যবহার করে নির্দিষ্ট করা হয় এবং এর মান বিভিন্ন উপায়ে লেখা যেতে পারে - হেক্সাডেসিমেল (হেক্স) ফরম্যাটে, আরজিবি বা এইচএসএল ফরম্যাটে, বা একটি কীওয়ার্ড নির্দিষ্ট করে। একটি কীওয়ার্ড ব্যবহার করে নির্দিষ্ট রঙের ভুল প্রদর্শন এড়াতে, এটির হেক্স মান উল্লেখ করা ভাল।
আলফা চ্যানেল (RGBA এবং HSLA ফর্ম্যাট) ব্যবহার করে উপাদানটির স্বচ্ছতা সেট করাও সম্ভব। এটা মনে রাখা উচিত যে IE8 ব্রাউজার এবং তার প্রাথমিক সংস্করণ RGBA, HSL এবং HSLA ফর্ম্যাট সমর্থন করে না।
এই নিবন্ধে আমরা ওয়েবসাইটের পৃষ্ঠাগুলিতে পাঠ্যের রঙ পরিবর্তন করার জন্য HTML এবং CSS এর ক্ষমতাগুলির সাথে পরিচিত হব। বেশ কয়েকটি বিকল্প বিবেচনা করা হবে। প্রতিটি পৃথক ক্ষেত্রে, তার নিজস্ব নির্দিষ্ট পদ্ধতি সুবিধাজনক।
শুরু করার জন্য, আমরা নোট করি যে সমস্ত রং তিনটি ফর্ম্যাটে নির্দিষ্ট করা যেতে পারে:
- রঙের নাম (লাল, নীল, সবুজ, ইত্যাদি)
- হেক্সাডেসিমেল বিন্যাস (#104A00, #0F0, ইত্যাদি)
- rgba ফরম্যাট (rgba(0,0,0,0.5), ইত্যাদি)
আমাদের ওয়েবসাইট সাইটের জন্য সম্পূর্ণ প্যালেট এবং html রঙের নাম উপস্থাপন করে, যেখানে আপনি উপযুক্ত রঙ চয়ন করতে পারেন।
পদ্ধতি 1. html ট্যাগের মাধ্যমে
বেশিরভাগ একটি সহজ উপায়ে html এ টেক্সট কালার পরিবর্তন ট্যাগ ব্যবহার করছে . এটি আপনাকে পাঠ্যের রঙ, আকার এবং শৈলী পরিবর্তন করতে দেয়। এটি করার জন্য, এটির তিনটি বৈশিষ্ট্য রয়েছে। বাক্য গঠন:
একটা উদাহরণ দেওয়া যাক
নিয়মিত ফন্ট নীল ফন্ট বড় লাল ফন্ট
পৃষ্ঠাটি নিম্নলিখিতগুলিতে রূপান্তরিত হয়
নিয়মিত ফন্ট। নীল ফন্ট। এবং এটি একটি বড় লাল ফন্ট
HTML5 স্ট্যান্ডার্ডের নতুন সংস্করণ এটি সমর্থন করে না। কিন্তু সমস্ত আধুনিক ব্রাউজার বুঝতে পারে এবং দৃশ্যত দীর্ঘ সময়ের জন্য বুঝতে অব্যাহত থাকবে। ফন্ট ট্যাগওয়েবসাইটে ব্যাপকভাবে বিতরণ করা হয়। যা অবশ্য সহজলভ্যতা এবং সরলতার দ্বারা ব্যাখ্যা করা সহজ।
পদ্ধতি 2. শৈলী বৈশিষ্ট্যের মাধ্যমে
ফন্টের রঙ পরিবর্তন করার জন্য একটি দ্বিতীয় অনুরূপ পদ্ধতি আছে। এর জন্য একটি শৈলী বৈশিষ্ট্য রয়েছে, যা যেকোনো html ট্যাগে প্রয়োগ করা যেতে পারে (
, , , , , , একটা উদাহরণ দেওয়া যাক নীল পাঠ্য রঙ নীল পাঠ্য রঙ সবুজ পাঠ্য রঙ যদি টেক্সট এর রঙ পরিবর্তন না করে, তাহলে আপনি!গুরুত্বপূর্ণ ঘোষণা ব্যবহার করে দেখতে পারেন নীল পাঠ্য রঙ stylesheet.css ফাইলগুলিতে প্রতিটি পরিবর্তনের পরে আপনার ব্রাউজার ক্যাশে সাফ করাও মূল্যবান। অধিকাংশ সর্বোত্তম পথএকটি ওয়েবসাইটে পাঠ্যের রঙ পরিবর্তন করার অর্থ হল CSS টেবিলের ক্ষমতার সুবিধা নেওয়া। এগুলি সাইটের সাথে সংযুক্ত হতে পারে এবং তারপরে আপনি এক জায়গায় মান পরিবর্তন করতে পারেন এবং করা পরিবর্তনগুলি একবারে পুরো সাইটে প্রদর্শিত হবে। HTML-এ, রঙ তিনটি উপায়ে নির্দিষ্ট করা যেতে পারে: কিছু রং তাদের নামের দ্বারা নির্দিষ্ট করা যেতে পারে, তে রঙের নাম ব্যবহার করে ইংরেজী ভাষা. সবচেয়ে সাধারণ কীওয়ার্ড: কালো, সাদা, লাল, সবুজ, নীল, ইত্যাদি:
পাঠ্যের রঙ - লাল কনসোর্টিয়াম স্ট্যান্ডার্ডের সবচেয়ে জনপ্রিয় রং ওয়ার্ল্ড ওয়াইড ওয়েব(ইংরেজি ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম, W3C): বিভিন্ন রঙের নাম ব্যবহার করার উদাহরণ: একটি মনিটরে বিভিন্ন রং প্রদর্শন করার সময়, RGB প্যালেট একটি ভিত্তি হিসাবে ব্যবহৃত হয়। তিনটি মৌলিক মিশ্রিত করে যেকোনো রঙ পাওয়া যায়: আর - লাল, জি - সবুজ, খ - নীল. প্রতিটি রঙের উজ্জ্বলতা একটি বাইট দ্বারা দেওয়া হয় এবং তাই 0 থেকে 255 পর্যন্ত মান নিতে পারে। উদাহরণস্বরূপ, RGB(255,0,0) লাল হিসাবে প্রদর্শিত হয় যেহেতু লাল তার সর্বোচ্চ মান (255) এ সেট করা হয় এবং বাকি 0 তে সেট করা হয়েছে আপনি শতাংশ হিসাবে রঙও সেট করতে পারেন। প্রতিটি পরামিতি সংশ্লিষ্ট রঙের উজ্জ্বলতা স্তর নির্দেশ করে। উদাহরণস্বরূপ: মান rgb(127, 255, 127) এবং rgb(50%, 100%, 50%) একই মাঝারি সবুজ রঙ সেট করবে:
মূল্যবোধ আর
জি
খআকারে হেক্সাডেসিমেল (HEX) রঙের মান ব্যবহার করেও নির্দিষ্ট করা যেতে পারে: #RRGGBB যেখানে RR (লাল), GG (সবুজ) এবং BB (নীল) হল হেক্সাডেসিমেল মান 00 থেকে FF (দশমিক 0-255 এর মতো) ) হেক্সাডেসিমেল সিস্টেম, দশমিক পদ্ধতির বিপরীতে, এটির নাম অনুসারে, 16 নম্বরের উপর ভিত্তি করে। হেক্সাডেসিমেল সিস্টেম নিম্নলিখিত চিহ্নগুলি ব্যবহার করে: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. এখানে 10 থেকে 15 পর্যন্ত সংখ্যাগুলো ল্যাটিন অক্ষর দ্বারা প্রতিস্থাপিত হয়েছে। হেক্সাডেসিমেল পদ্ধতিতে 15-এর বেশি সংখ্যা দুটি অক্ষরকে একটি মানের মধ্যে একত্রিত করে উপস্থাপন করা হয়। উদাহরণস্বরূপ, দশমিকের সর্বোচ্চ সংখ্যা 255 হেক্সাডেসিমেলের সর্বোচ্চ FF মানের সাথে মিলে যায়। দশমিক পদ্ধতির বিপরীতে, একটি হেক্সাডেসিমেল সংখ্যার আগে একটি হ্যাশ চিহ্ন থাকে। #
, উদাহরণস্বরূপ, #FF0000 লাল হিসাবে দেখানো হয়েছে কারণ লাল তার সর্বোচ্চ মান (FF) সেট করা হয়েছে এবং বাকি রংগুলি তাদের সর্বনিম্ন মান (00) এ সেট করা হয়েছে। হ্যাশ চিহ্নের পরে চিহ্ন #
আপনি বড় হাতের এবং ছোট হাতের উভয় অক্ষরে টাইপ করতে পারেন। হেক্সাডেসিমেল সিস্টেম আপনাকে সংক্ষিপ্ত রূপ #rgb ব্যবহার করতে দেয়, যেখানে প্রতিটি অক্ষর দ্বিগুণের সমান। সুতরাং, এন্ট্রি #f7O কে #ff7700 হিসাবে গণ্য করা উচিত। সাধারণ রঙের তালিকা (নাম, HEX এবং RGB): স্যাচুরেশন এবং হিউ দ্বারা রঙের কোড (পটভূমি)। এই টিউটোরিয়ালে আমরা শেষ ট্যাগ অ্যাট্রিবিউট দেখব , যা পাঠ্যের রঙ সেট করে। ডিফল্টরূপে, পাঠ্যটি কালো, যা একটি সাদা পটভূমিতে প্রদর্শিত হয়। যাতে html এ পাঠ্যের রঙ পরিবর্তন করুন, আপনাকে ট্যাগের রঙের বৈশিষ্ট্য প্রয়োগ করতে হবে : একটি রঙ সেট করতে, শুধু তার নাম উল্লেখ করুন, উদাহরণস্বরূপ: লাল, সবুজ, নীল। আসুন একটি ছোট উদাহরণ দেখি:
সবুজ পাঠ্য লাল টেক্সট বেগুনি লেখা চলুন ব্রাউজারে ফলাফল দেখি: প্রথম অনুচ্ছেদের পাঠ্য সবুজ হয়ে গেছে, দ্বিতীয় অনুচ্ছেদটি লাল হয়ে গেছে এবং তৃতীয় অনুচ্ছেদটি বেগুনি হয়ে গেছে। মোট 16টি প্রাথমিক রঙের নাম এবং 130টি অতিরিক্ত রঙ রয়েছে। সম্পুর্ণ তালিকারঙ আপনি html রঙ টেবিল দেখতে পারেন. রঙ নির্দেশ করার এই উপায় খুব সহজ, কিন্তু খুব সীমিত। তাই, এইচটিএমএল কোডে রঙ পরিবর্তন করার জন্য, তারা প্রায়শই হ্যাশ চিহ্ন (#) এর আগে একটি হেক্সাডেসিমেল সংখ্যা ব্যবহার করে, উদাহরণস্বরূপ: এই পদবী ব্যবহার করে আপনি 16 মিলিয়নেরও বেশি রং এবং তাদের ছায়া পেতে পারেন! আপনি কালার কোড ব্যবহার করে কালার কোড পেতে পারেন, যা সাইটে পাওয়া যায়, অথবা ফটোশপে কালার প্যালেট ব্যবহার করে। আসুন একটি উদাহরণ দেখি এবং নিম্নলিখিত কোডটি লিখি:
সবুজ পাঠ্য লাল টেক্সট বেগুনি লেখা আসুন ফাইলটি সংরক্ষণ করি এবং ফলাফলটি দেখি: আপনি দেখতে পাচ্ছেন, আমরা প্রথম উদাহরণের মতো একই রঙে টেক্সট সেট করেছি, শুধুমাত্র এখানে আমরা হেক্সাডেসিমেল নম্বর সিস্টেম ব্যবহার করেছি, বা অন্য কথায়, আমরা HEX ফর্ম্যাটে রঙ সেট করেছি। এখন আপনি শিখেছেন কিভাবে html এ পাঠ্যের রঙ পরিবর্তন করতে হয় এবং পাঠের শেষে আমি সমস্ত ট্যাগ বৈশিষ্ট্যগুলি পুনরাবৃত্তি করার পরামর্শ দিচ্ছি , এবং একযোগে পাঠ্যে বেশ কয়েকটি পরামিতি সেট করুন, যথা: ফন্ট, আকার এবং রঙ। একটি উদাহরণ লিখুন:
পাঠ্য ফন্ট, আকার এবং রঙ সেট করুন পাঠ্য ফন্ট, আকার এবং রঙ সেট করুন CSS কালার মডিউলের বিশদ মান যা লেখকদের এইচটিএমএল উপাদানের রং এবং অস্বচ্ছতা, সেইসাথে রঙের সম্পত্তির মান নির্ধারণ করতে দেয়। বৈশিষ্ট্য ব্যবহার করে ফন্ট রঙ সেট করে বিভিন্ন সিস্টেমরঙ পরিবেশন। সম্পত্তি উপাদানটির পাঠ্য বিষয়বস্তুর রঙ বর্ণনা করে। উপরন্তু, এটি রঙের মান গ্রহণ করে এমন অন্য কোনো বৈশিষ্ট্যের জন্য একটি সম্ভাব্য পরোক্ষ মান (বর্তমান রঙ) প্রদান করতে ব্যবহৃত হয়। সম্পত্তি উত্তরাধিকারসূত্রে পাওয়া যায়। প্রধান কীওয়ার্ডগুলির তালিকায় নিম্নলিখিত অর্থগুলি অন্তর্ভুক্ত রয়েছে: রঙের নামগুলি কেস সংবেদনশীল নয়৷ বাক্য গঠন রঙ: টিল; একটি RGB মানের হেক্সাডেসিমেল বিন্যাস হল একটি # চিহ্ন যার পরপরই তিন বা ছয়টি হেক্সাডেসিমেল অক্ষর থাকে। তিন-সংখ্যার RGB স্বরলিপি #rgb শূন্য যোগ করার পরিবর্তে অঙ্কগুলি অনুলিপি করে ছয়-সংখ্যার ফর্ম #rrggbb-এ রূপান্তরিত হয়। উদাহরণস্বরূপ, #fb0 #ffbb00 এ প্রসারিত হয়। এটি নিশ্চিত করে যে সাদা #ffffff সংক্ষিপ্ত #ffff এন্ট্রিতে নির্দিষ্ট করা যেতে পারে এবং ডিসপ্লে রঙের গভীরতার উপর নির্ভরতা দূর করে। কার্যকরী স্বরলিপিতে একটি RGB মানের বিন্যাস হল rgb(, তিনটি সাংখ্যিক মানের একটি কমা দ্বারা পৃথক তালিকা অনুসরণ করে (হয় তিনটি পূর্ণসংখ্যার মান বা তিনটি শতাংশ মান), প্রতীক দ্বারা অনুসরণ)। পূর্ণসংখ্যার মান 255 হেক্সাডেসিমেল নোটেশনে 100% এবং F বা FF-এর সাথে মিলে যায়: Rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF সাংখ্যিক মানের চারপাশে স্থান অক্ষর অনুমোদিত।,
,
পদ্ধতি 3. CSS শৈলীর মাধ্যমে
এইচটিএমএল এর নাম অনুসারে একটি রঙ সেট করা
রঙ নাম রঙ নাম রঙ নাম রঙ নাম
কালো
ধূসর
সিলভার
সাদা
হলুদ
চুন
একুয়া
ফুচিয়া
লাল
সবুজ
নীল
বেগুনি
মেরুন
জলপাই
নৌবাহিনী
টিল
উদাহরণ: একটি রঙের নাম দ্বারা নির্দিষ্ট করা
লাল পটভূমিতে হেডার
কমলা পটভূমিতে হেডার
চুন পটভূমিতে শিরোনাম
নীল পটভূমিতে সাদা লেখা
লাল পটভূমিতে হেডার
কমলা পটভূমিতে হেডার
চুন পটভূমিতে শিরোনাম
নীল পটভূমিতে সাদা লেখা
RGB ব্যবহার করে রঙ নির্দিষ্ট করা
উদাহরণ: RGB ব্যবহার করে রঙ নির্দিষ্ট করা
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
হেক্সাডেসিমেল মান দ্বারা রঙ সেট করুন
উদাহরণ: HEX রঙ
লাল: #FF0000
সবুজ: #00FF00
নীল: #0000FF
লাল: #FF0000
সবুজ: #00FF00
নীল: #0000FF
লাল+সবুজ=হলুদ: #FFFF00
লাল+নীল=বেগুনি: #FF00FF
সবুজ+নীল=সায়ান: #00FFFF
ইংরেজি নাম
রাশিয়ান নাম
নমুনা
হেক্স
আরজিবি
আমরান্থ
আমরান্থ
#E52B50
229
43
80
অ্যাম্বার
অ্যাম্বার
#FFBF00
255
191
0
একুয়া
নীল সবুজ
#00FFFF
0
255
255
আকাশী
আকাশী
#007FFF
0
127
255
কালো
কালো
#000000
0
0
0
নীল
নীল
#0000FF
0
0
255
বন্ডি ব্লু
বন্ডি সৈকতের জল
#0095B6
0
149
182
পিতল
পিতল
#B5A642
181
166
66
বাদামী
বাদামী
#964B00
150
75
0
সেরুলিয়ান
আকাশী
#007BA7
0
123
167
গাঢ় বসন্ত সবুজ
গাঢ় বসন্ত সবুজ
#177245
23
114
69
পান্না
পান্না
#50C878
80
200
120
বেগুন
বেগুন
#990066
153
0
102
ফুচিয়া
ফুচিয়া
#FF00FF
255
0
255
সোনা
সোনা
#FFD700
250
215
0
ধূসর
ধূসর
#808080
128
128
128
সবুজ
সবুজ
#00FF00
0
255
0
নীল
নীল
#4B0082
75
0
130
জেড
জেড
#00A86B
0
168
107
চুন
চুন
#CCFF00
204
255
0
মালাচাইট
মালাচাইট
#0BDA51
11
218
81
নৌবাহিনী
গাঢ় নীল
#000080
0
0
128
ওচার
ওচার
#CC7722
204
119
34
জলপাই
জলপাই
#808000
128
128
0
কমলা
কমলা
#FFA500
255
165
0
পীচ
পীচ
#FFE5B4
255
229
180
কুমড়া
কুমড়া
#FF7518
255
117
24
বেগুনি
ভায়োলেট
#800080
128
0
128
লাল
লাল
#FF0000
255
0
0
জাফরান
জাফরান
#F4C430
244
196
48
সবুজ সমুদ্র
সবুজ সমুদ্র
#2E8B57
46
139
87
সবুজ জলাভূমি
বোলোটনি
#ACB78E
172
183
142
টিল
নীল সবুজ
#008080
0
128
128
আল্ট্রামেরিন
আল্ট্রামেরিন
#120A8F
18
10
143
ভায়োলেট
ভায়োলেট
#8B00FF
139
0
255
হলুদ
হলুদ
#FFFF00
255
255
0
রঙের সম্পত্তি
1. অগ্রাধিকার রং: রঙ সম্পত্তি
2. রঙের মান
2.1। প্রধান কীওয়ার্ড
নাম
হেক্স
আরজিবি
রঙ
কালো
#000000
0,0,0
রূপা
#C0C0C0
192,192,192
ধূসর
#808080
128,128,128
সাদা
#FFFFFF
255,255,255
মেরুন
#800000
128,0,0
লাল
#FF0000
255,0,0
বেগুনি
#800080
128,0,128
fuchsia
#FF00FF
255,0,255
সবুজ
#008000
0,128,0
চুন
#00FF00
0,255,0
জলপাই
#808000
128,128,0
হলুদ
#FFFF00
255,255,0
নৌবাহিনী
#000080
0,0,128
নীল
#0000FF
0,0,255
টিল
#008080
0,128,128
জলজ
#00FFFF
0,255,255
2.2। সংখ্যাসূচক রঙের মান
2.2.1। আরজিবি মডেলের রং