CSS oklab() ফাংশন

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

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

প্রয়োগ

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

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

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

CSS গঠন

অপরিবর্তনশীল মান গঠন

oklab(L a b / A)
মান বিবরণ
L

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

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

None (0%রকম)ব্যবহার করা যেতে পারে।

a

অপশনাল।-0.4 থেকে 0.4 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা

ব অক্স অভিষেকের দূরত্ব নির্দেশ করে, সমূহ হল লাল এবং সবুজের স্তর

-0.4 হল সবুজ, 0.4 হল লাল।none (0%রকম)ব্যবহার করা যেতে পারে।

b

অপশনাল।-0.4 থেকে 0.4 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা

ব অক্স অভিষেকের দূরত্ব নির্দেশ করে, সমূহ হল নীল এবং সোনালীর স্তর

-0.4 হল নীল, 0.4 হল সোনালী।none (0%রকম)ব্যবহার করা যেতে পারে।

/ A

অপশনাল।সমূহ সমূহ অস্তরতা চ্যানেলের মান (0%(বা 0)গুলো পূর্ণ স্পষ্ট, 100%(বা 100)গুলো অস্তরতা নেই)।

আরও ব্যবহার করা যেতে পারে none (অস্তরতা চ্যানেল নির্দেশ করে)।ডিফল্ট মান 100%।

সমূহ মান গঠন

oklab(from color L a b / A)
মান বিবরণ
from color

কীভাবে from শব্দ দিয়ে শুরু করা, পরে প্রকৃত রং এর মান

এটি সমূহ রং ভিত্তিক প্রকৃত রং

L

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

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

none (0%রকম)ব্যবহার করা যেতে পারে।

a

অপশনাল।-0.4 থেকে 0.4 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা

ব অক্স অভিষেকের দূরত্ব নির্দেশ করে, সমূহ হল লাল এবং সবুজের স্তর

-0.4 হল সবুজ, 0.4 হল লাল।none (0%রকম)ব্যবহার করা যেতে পারে।

b

অপশনাল।-0.4 থেকে 0.4 পর্যন্ত সংখ্যা বা -100% থেকে 100% পর্যন্ত শতকরা

ব অক্স অভিষেকের দূরত্ব নির্দেশ করে, সমূহ হল নীল এবং সোনালীর স্তর

-0.4 হল নীল, 0.4 হল সোনালী।none (0%রকম)ব্যবহার করা যেতে পারে।

/ A

অপশনাল।সমূহ সমূহ অস্তরতা চ্যানেলের মান (0%(বা 0)গুলো পূর্ণ স্পষ্ট, 100%(বা 100)গুলো অস্তরতা নেই)।

আরও ব্যবহার করা যেতে পারে none (অস্তরতা চ্যানেল নির্দেশ করে)।ডিফল্ট মান 100%।

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

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

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

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

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

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

সংযোগ:CSS রং

সংযোগ:CSS hsl() ফাংশন

সংযোগ:CSS hwb() ফাংশন

সংযোগ:CSS lch() ফাংশন

সংযোগ:CSS lab() ফাংশন

সংযোগ:CSS oklch() ফাংশন