CSS lab() ফাংশন

নির্দিষ্টকরণ ও ব্যবহার

CSS-র lab() ফাংশন সিই ল্যাব রঙ স্পেসিসে রঙ নির্দিষ্ট করে। এই রঙ স্পেসিস মানুষের চোখের দ্বারা দেখা যাওয়া সমস্ত রঙকে প্রতিনিধিত্ব করে。

প্রদর্শন

বিভিন্ন lab() রঙ:

#p1 {background-color:lab(0 40% 20% / 0.5);}
#p2 {background-color:lab(30 -40% -20%);}
#p3 {background-color:lab(40 30% -20% / 20%);}
#p4 {background-color:lab(50 60% 20%);}
#p5 {background-color:lab(60 50% -10%);}
#p6 {background-color:lab(70 70% -80% / 0.3);}
#p7 {background-color:lab(80 70% 20% / 0.5);}
#p8 {background-color:lab(90 80% -20%);}
#p9 {background-color:lab(100 90% -100%);}

স্বয়ং প্রয়াস করুন

CSS সিন্ট্যাক্স

অপরিহার্য সিন্ট্যাক্স

lab(L a b / A)
মান বর্ণনা
L

অপরিহার্য। 0 থেকে 100 পর্যন্ত সংখ্যা বা শতকরা নির্দেশ করে, যা রঙের উজ্জ্বলতা নির্দেশ করে

0 (বা 0%) হল কালো, 100 (বা 100%) হল সাদা

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
a

অপরিহার্য। -125 থেকে 125 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা নির্দেশ করা যেতে পারে

a অক্ষের দিকে রঙের দূরত্ব নির্দেশ করে, যা রঙের লাল-সবুজর পরিমাণকে নির্দেশ করে।-125 হল সবুজ, 125 হল লাল

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
b

অপরিহার্য। -125 থেকে 125 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা নির্দেশ করা যেতে পারে

ব অক্ষের দিকে রঙের দূরত্ব নির্দেশ করে, যা রঙের সবুজ-সোনার পরিমাণকে নির্দেশ করে

-125 হল নীল, 125 হল সোনা

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
/ A

অপশনাল। রঙের স্পষ্টতা চ্যানেলের মান নির্দেশ করে (0% বা 0 দ্বারা সম্পূর্ণ স্পষ্ট, 100% বা 100 দ্বারা সম্পূর্ণ অস্পষ্ট)。

আরও none (গুণমানহীন স্পষ্টতা চ্যানেল) ব্যবহার করা যেতে পারে。

ডিফল্ট মান 100%।

অপেক্ষামূলক মান সংক্রান্ত সিন্ট্যাক্স

lab(from color L a b / A)
মান বর্ণনা
from color

শব্দাকার from-এ শুরু করে, পরে প্রকৃত রঙের মান

এটি অপেক্ষামূলক রঙের ভিত্তিতে থাকা প্রকৃত রঙ
L

অপরিহার্য। 0 থেকে 100 পর্যন্ত সংখ্যা বা শতকরা নির্দেশ করে, যা রঙের উজ্জ্বলতা নির্দেশ করে

0 (বা 0%) হল কালো, 100 (বা 100%) হল সাদা

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
a

অপরিহার্য। -125 থেকে 125 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা নির্দেশ করা যেতে পারে

a অক্ষের দিকে রঙের দূরত্ব নির্দেশ করে, যা রঙের লাল-সবুজর পরিমাণকে নির্দেশ করে

-125 হল সবুজ, 125 হল লাল

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
b

অপরিহার্য। -125 থেকে 125 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা নির্দেশ করা যেতে পারে

ব অক্ষের দিকে রঙের দূরত্ব নির্দেশ করে, যা রঙের সবুজ-সোনার পরিমাণকে নির্দেশ করে

-125 হল নীল, 125 হল সোনা

আরও none (সমতুল্য 0%) ব্যবহার করা যেতে পারে。
/ A

অপশনাল। রঙের স্পষ্টতা চ্যানেলের মান নির্দেশ করে (0% বা 0 দ্বারা সম্পূর্ণ স্পষ্ট, 100% বা 100 দ্বারা সম্পূর্ণ অস্পষ্ট)。

আরও none (গুণমানহীন স্পষ্টতা চ্যানেল) ব্যবহার করা যেতে পারে。

ডিফল্ট মান 100%।

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS Color Module Level 4

ব্রাউজার সমর্থন

টেবিলের সংখ্যা হল এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণ

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
lab()
111 111 113 15 97
পারামিটারে সংখ্যা এবং শতকরা মিশ্রণ
116 116 113 16.2 102

সংশ্লিষ্ট পাতা

উল্লেখ:CSS রং

উল্লেখ:CSS hsl() ফাংশন

উল্লেখ:CSS hwb() ফাংশন

উল্লেখ:CSS lch() ফাংশন

উল্লেখ:CSS oklab() ফাংশন

উল্লেখ:CSS oklch() ফাংশন