আলফা চ্যানেলের সাথে রঙের হেক্স উপস্থাপনা?


117

হেক্স ফর্ম্যাটে কীভাবে কোনও রঙ (আলফা চ্যানেল সহ) উপস্থাপন করবেন সে সম্পর্কে কোনও ডাব্লু 3 বা অন্য কোনও উল্লেখযোগ্য মান আছে?

এটি কি # আরজিবিএ বা # আরজিবি?


8
এটি সিএসএস রঙের স্তরের 4 উত্সে আসছেন (চতুর্থ বুলেট পয়েন্ট দেখুন)
Vidime বিদাস

@ আইমভিডাস যদি আপনি এই উত্তরটি দিয়ে থাকেন তবে আমি আপনাকে উত্সাহিত করেছি।
সিরো সান্তিলি 郝海东 冠状 病 六四 事件 法轮功

পছন্দ করুন :-P
Vidime Vidas

1
@ আইমেভিদাস লল, যদি আপনি কিছু ভাগ করে নিতে আগ্রহী হন ... =)
সিরো সান্তিলি 郝海东 冠状 病 六四 事件 法轮功

এটি সম্পর্কে এখানে একই জাতীয় সিএসএস-নির্দিষ্ট প্রশ্ন রয়েছে: সিএসএস হেক্সিডিসিমাল আরজিবিএ?
জেমস ডোনেলি

উত্তর:


82

সিএসএস 3-তে, অনুমানটি থেকে উদ্ধৃত করতে, "কোনও আরজিবিএ মানের জন্য কোনও হেক্সাডেসিমাল স্বরলিপি নেই" ( সিএসএস স্তর 3 অনুমান দেখুন )। পরিবর্তে আপনি দশমিক বা শতাংশের সাথে rgba () ক্রিয়ামূলক স্বরলিপিটি ব্যবহার করতে পারেন, যেমন rgba (255, 0, 0, 0.5) 50% স্বচ্ছ লাল। আরজিবি চ্যানেলগুলি 0-255 বা 0% -100%, আলফা 0-1 হয়।

সিএসএস 4 * এ আপনি 8 ডিজিটের হেক্স রঙের 7 ম এবং 8 তম বর্ণ বা 4 ডিজিটের হেক্স রঙের 4 র্থ অক্ষর ব্যবহার করে আলফা চ্যানেলটি নির্দিষ্ট করতে পারেন ( সিএসএস স্তর 4 স্পেস * দেখুন)

2019 সালের মে পর্যন্ত,> 80% ব্যবহারকারীরা #RGBA ফর্ম্যাটটি বুঝতে পারবেন বলে আশা করা যায়

  • ফায়ারফক্স ফায়ারফক্স 49 ( মোজিলা বাগ 567283 ) থেকে এই বাক্য গঠনটিকে সমর্থন করেছে ।
  • সাফারি 10 থেকে সাফারি এই সিনট্যাক্সটিকে সমর্থন করে।
  • ক্রোম 62 এর পর থেকে ক্রোম এই সিনট্যাক্সটিকে সমর্থন করেছে earlier দেখুন ক্রোমিয়াম ইস্যু 618472 এবং ওয়েবকিট বাগ 150853
  • অ্যান্ড্রয়েড অ্যাপস যা অ্যান্ড্রয়েড পি বা আরও নতুনকে লক্ষ্য করে এই সিনট্যাক্সটি ব্যবহার করতে পারে
  • অপেরা অপেরা 52 এ সিনট্যাক্স সমর্থন করে (বা পরীক্ষামূলক ওয়েব বৈশিষ্ট্যগুলি সক্ষম করার পরে অপেরা 39)।
  • আইই 11 এবং এজ এইচটিএমএল 18 (এজ 44) এই বাক্য গঠনটিকে সমর্থন করে না। এজ এর ক্রোমিয়াম-ভিত্তিক সংস্করণগুলি এই সিনট্যাক্সটিকে সমর্থন করবে।

আপ টু ডেট ব্রাউজার সমর্থন তথ্য CanIUse.com এ উপলব্ধ

* প্রযুক্তিগতভাবে এখনও খসড়াটিতে রয়েছে, তবে ব্রাউজারের সমর্থন দিলে এটি পরিবর্তিত হওয়ার সম্ভাবনা নেই।


2
এখন পর্যন্ত, মোজিলা (FIREFOX 49) #RRGGBBAA এবং #RGBA সমর্থন করার জন্য প্রদর্শিত হবে
Shiyaz

92

দেখে মনে হচ্ছে কোনও হেক্স আলফা ফর্ম্যাট নেই: http://www.w3.org/TR/css3-color/

যাইহোক, আপনি যদি SASS এর মতো সিএসএস প্রিপ্রোসেসর ব্যবহার করেন তবে আপনি একটি হেক্স rgba: ব্যাকগ্রাউন্ড:

rgba(#000, 0.5);

এবং প্রিপ্রোসেসর কেবল হেক্স কোডটি স্বয়ংক্রিয়ভাবে আরজিবিতে রূপান্তর করে।


15

আমি নিশ্চিত না যে কোনও সরকারী মান আছে কিনা-

আরজিবিএ হ'ল আমি ওয়েব ম্যাক্রোমিডিয়া এবং অন্যরা এআরজিবি ব্যবহারের জন্য যে প্রতিনিধিত্ব দেখেছি is

আমি বিশ্বাস করি যে আরজিবিএ হ'ল সাধারণ প্রতিনিধিত্ব।

যদি এটি CSS3 এর জন্য ডাব্লু 3 থেকে সহায়তা করে তবে
http://www.w3.org/TR/css3-color/#rgba-color

সম্পাদনা (প্যাট্রিক): উপরের ডাব্লু 3 লিঙ্ক থেকে উদ্ধৃতি

আরজিবি মানগুলির বিপরীতে, আরজিবিএ মানের জন্য কোনও হেক্সাডেসিমাল স্বরলিপি নেই


2
এছাড়াও, আলফাসের সাথে বর্ণ নির্দিষ্ট করার জন্য সিএসএস ফাংশনটি হ'ল rgba ()
অ্যাম্বার

8
আপনি পোস্ট করা ডাব্লু 3 লিঙ্ক থেকে: আরজিবি মানগুলির বিপরীতে, আরজিবিএ মানটির জন্য কোনও হেক্সাডেসিমাল স্বরলিপি নেই।
প্যাট্রিক ক্লুগ

2
আমি # আরজিবি, এ আগে দেখেছি। রহস্যময়।
জোশুয়া

অ্যান্ড্রয়েড অঙ্কনযোগ্যদের জন্য, এটি আরজিবি হিসাবে প্রদর্শিত হবে: developer.android.com/references/android/ographicics/drawable/…
ডেরেক

10

ক্রোম 52+ আলফা হেক্স সমর্থন করে :

background: #56ff0077;

পুরানো ব্রাউজারগুলির জন্য, আপনাকে এটি ব্যবহার করতে হবে:

background-color: rgba(255, 220, 0, 0.3);

3
না, এটি না করে আপনি পরীক্ষামূলক ওয়েব বৈশিষ্ট্যগুলি সক্ষম না করেই করেন কারণ এটি অ্যান্ড্রয়েডে সমস্যা তৈরি করে। ব্রাউজার সমর্থন বিশদ জন্য আমার উত্তর উপরে দেখুন।
থেলেম

3

আরজিবি মান পেতে এবং তারপরে আলফা মানটি ব্যবহার করতে আপনি জিম্প বা ফটো শপের রঙ চয়নকারীতে হেক্স রঙটি লাগাতে চেষ্টা করতে পারেন। যেমন। লাল হয় #FF0000বা rgb(255,0,0) আপনি যদি .5 এর একটি আলফা মান সহ লাল চান rgba(255,0,0,.5)

সম্ভবত আপনি যা চেয়েছিলেন ঠিক তেমন নয় তবে আশাকরি সাহায্য করে।


1
এটি ভোট দেওয়া হয়েছিল, যা কিছুটা কঠোর বলে মনে হচ্ছে। এটি জিজ্ঞাসা করা প্রশ্নের উত্তর দেয় না, তবে কেন তারা জানতে চায় তা প্রশ্নের উত্তর দেয় না। যদি তারা কেবল সিএসএসে কোনও আরজিবিএ রঙ ব্যবহার করতে চান তবে এই উত্তরটি সঠিক।
থেলেম
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.