সিএসএস রঙিন মডিউল স্তর 4 সম্ভবত 4 এবং 8-সংখ্যার হেক্সাডেসিমাল আরজিবিএ স্বরলিপি সমর্থন করবে !
তিন সপ্তাহ আগে (18 ডিসেম্বর 2014) সিএসএস কালার মডিউল স্তর 4 সম্পাদকের খসড়াটি সিএসএস ডাব্লু 3 সি ওয়ার্কিং গ্রুপে জমা দেওয়া হয়েছিল। যদিও এমন একটি রাজ্যে যা পরিবর্তনের পক্ষে অত্যন্ত সংবেদনশীল, ডকুমেন্টের বর্তমান সংস্করণ থেকেই বোঝা যায় যে কিছুটা নিকট ভবিষ্যতে সিএসএস 4 এবং 8-সংখ্যার হেক্সাডেসিমাল আরজিবিএ স্বরলিপি উভয়কেই সমর্থন করবে।
দ্রষ্টব্য: নীচের উক্তিটি অপ্রাসঙ্গিক খণ্ডগুলি কেটে গেছে এবং আপনি এটি পড়ার সময় উত্সটি ভারীভাবে সংশোধন করা হতে পারে (উপরে উল্লিখিত হিসাবে এটি কোনও সম্পাদকের খসড়া নয় চূড়ান্ত কোনও নথি নয়)।
যদি বিষয়গুলি খুব বেশি পরিবর্তন হয়ে থাকে, তবে দয়া করে আমাকে জানাতে একটি মন্তব্য করুন যাতে আমি এই উত্তরটি আপডেট করতে পারি!
§ 4.2। আরজিবি হেক্সাডেসিমাল স্বরলিপিগুলি: # আরআরজিবিবিবি
ক এর বাক্য গঠনটি <hex-color>
এমন একটি <hash-token>
টোকেন যার মান 3, 4, 6 বা 8 হেক্সাডেসিমাল সংখ্যার সমন্বয়ে গঠিত । অন্য কথায়, একটি হেক্স বর্ণটি হ্যাশ চরিত্র হিসাবে লেখা হয়, "#", তার পরে কয়েকটি সংখ্যা 0-9
বা অক্ষর হয় a-f
( অক্ষরের ক্ষেত্রে কোনও বিষয় আসে না - #00ff00
এটি অভিন্ন #00FF00
)।
8 সংখ্যা
প্রথম 6 ডিজিটগুলি 6-সংখ্যার স্বরলিখনের সাথে একইভাবে ব্যাখ্যা করা হয়। হেক্সাডেসিমাল সংখ্যা হিসাবে ব্যাখ্যা করা শেষের জোড়াটি রঙের আলফা চ্যানেল নির্দিষ্ট করে, যেখানে 00
সম্পূর্ণ স্বচ্ছ রঙ ff
উপস্থাপন করে এবং একটি সম্পূর্ণ অস্বচ্ছ বর্ণকে উপস্থাপন করে।
উদাহরণ 3
অন্য কথায়, #0000ffcc
একই রঙের rgba(0, 0, 100%, 80%)
(কিছুটা স্বচ্ছ নীল) প্রতিনিধিত্ব করে।
4 টি সংখ্যা
এটি 8-সংখ্যার স্বরলিপিটির একটি সংক্ষিপ্ত রূপ, 3-সংখ্যার স্বরলিপি হিসাবে একইভাবে "প্রসারিত"। হেক্সাডেসিমাল সংখ্যা হিসাবে ব্যাখ্যা করা প্রথম অঙ্কটি রঙের লাল চ্যানেল নির্দিষ্ট করে, যেখানে 0
সর্বনিম্ন মানকে f
উপস্থাপন করে এবং সর্বাধিককে উপস্থাপন করে। পরবর্তী তিনটি সংখ্যা যথাক্রমে সবুজ, নীল এবং আলফা চ্যানেলগুলি উপস্থাপন করে।
এটি সিএসএস রঙগুলির ভবিষ্যতের জন্য কী বোঝায়?
এর অর্থ এই যে এই অভিমানী সম্পূর্ণরূপে শ্রেনী 4 দস্তাবেজ থেকে সরানো হয় না, আমরা শীঘ্রই (যদি তুমি এক বা HSLA রং আমাদের RGBA রং নির্ধারণ করতে সক্ষম হবেন সেই বলছি) ব্রাউজারে হেক্সাডেসিমেল ফর্ম্যাটে যা রঙ সমর্থন মডিউল স্তর 4 এর সিনট্যাক্স।
উদাহরণ
elem {
background: rgb(0, 0, 0); /* RGB notation (no alpha). */
background: #000; /* 3-digit hexadecimal notation (no alpha). */
background: #000000; /* 6-digit hexadecimal notation (no alpha). */
background: rgba(0, 0, 0, 1.0); /* RGBA notation. */
/* The new 4 and 8-digit hexadecimal notation. */
background: #0000; /* 4-digit hexadecimal notation. */
background: #00000000; /* 8-digit hexadecimal notation. */
}
আমি কখন আমার ক্লায়েন্ট-মুখের পণ্যগুলিতে এটি ব্যবহার করতে সক্ষম হব?
সমস্ত রসিকতা একত্রে: বর্তমানে এটি কেবল ২০১৫ সালের শুরু, সুতরাং কোনও ব্রাউজারে এখনও বেশ কয়েকটি সময়ের জন্য এটি সমর্থিত হবে না - এমনকি যদি আপনার পণ্যটি কেবল ব্রাউজারগুলির সর্বাধিক টু-টু-ডেট কাজ করার জন্য ডিজাইন করা হয় তবে আপনি সম্ভবত খুব শীঘ্রই যে কোনও সময় কোনও প্রোডাকশন ব্রাউজারে এটিকে ক্রিয়াতে দেখছেন না।
# আরআরজিবিবিএএ রঙ স্বরলিপির জন্য বর্তমান ব্রাউজার সমর্থন দেখুন
যাইহোক, এটি বলেছিল যে সিএসএস কাজ করে তার অর্থ হ'ল আমরা আজ এগুলি ব্যবহার শুরু করতে পারি! আপনি যদি এখনই সেগুলি এখনই ব্যবহার শুরু করতে চান, যতক্ষণ না আপনি কোনও পতন পিছনে যোগ করেন ততক্ষণ কোনও অ-সমর্থনকারী ব্রাউজারগুলি নতুন বৈশিষ্ট্যগুলিকে বৈধ বলে মনে না করা অবধি উপেক্ষা করবে:
figure {
margin: 0;
padding: 4px;
/* Fall back (...to browsers which don't support alpha transparency). */
background: #FEFE7F;
color: #3F3FFE;
/* Current 'modern' browser support. */
background: rgba(255, 255, 0, 0.5);
color: rgba(0, 0, 255, 0.75);
/* Fall... foward? */
background: #ffff007F; /* Or, less accurately, #ff08 */
color: #0000ffbe; /* Or #00fc */
}
<figure>Hello, world!</figure>
যতক্ষণ আপনি এই উত্তরটি ব্রাউজারে দেখছেন যা CSS এর বৈশিষ্ট্য background
এবং color
বৈশিষ্ট্যগুলি সমর্থন করে, <figure>
উপরের স্নিপেটের ফলাফলের উপাদানটি এর সাথে খুব মিল দেখাচ্ছে:
আমাদের <figure>
উপাদানটি পরিদর্শন করতে উইন্ডোজ (v39.0.2171) এ সাম্প্রতিকতম সংস্করণ ব্যবহার করে আমরা নিম্নলিখিতটি দেখতে পাব:
6-সংখ্যার হেক্সাডেসিমাল ফ্যাল ফিরে rgba()
মানগুলি দ্বারা ওভাররাইড করা হয় , এবং আমাদের 8-সংখ্যার হেক্সাডেসিমাল মানগুলি ক্রোমের সিএসএস পার্সার দ্বারা বর্তমানে অবৈধ বলে বিবেচিত বলে তা এড়িয়ে চলেছে। যত তাড়াতাড়ি আমাদের ব্রাউজার এই 8-সংখ্যার মানগুলিকে সমর্থন করে, এগুলি সেগুলিকে ওভাররাইড করবে rgba()
।
আপডেট 2018-07-04: ফায়ারফক্স, ক্রোম এবং সাফারি এখন এই স্বরলিপিটি সমর্থন করছে, এজ এখনও নিখোঁজ রয়েছে তবে সম্ভবত এটি অনুসরণ করবে ( https://caniuse.com/#feat=css-rrggbbaa )।
rgb(0xff,\x80,#44)
আশ্চর্যজনকভাবে অটল প্রতিনিধিত্বকে কিছুটা ইয়র্ক মনেrgb(0100, 0200,0300)
হচ্ছে#4080C0