সিএসএস hwb() ফাংশন

নির্ধারণ ও ব্যবহার

সিএসএস এর hwb() ফাংশন রঙকে হুইডব্লিউবি(এ) মডেল (HWB) দ্বারা নির্ধারণ করে। এছাড়াও, একটি অপশনাল স্পষ্টতা চ্যানেল (রঙের স্পষ্টতা) যোগ করা যেতে পারে。

উদাহরণ

ভিন্ন এইচডব্লিউবি(এ) রঙ নির্ধারণ করুন:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p0 {background-color:hwb(120 40% 20%);}
#p1 {background-color:hwb(120 40% 20%);}
#p2 {background-color:hwb(120 40% 20%);}
#p3 {background-color:hwb(120 40% 20% / 20%);}
#p4 {background-color:hwb(240 40% 20%);}
#p5 {background-color:hwb(240 50% 10%);}
#p6 {background-color:hwb(240 40% 20% / 0.3);}
#p7 {background-color:hwb(300 40% 20% / 0.5);}

#p8 {background-color:hwb(360 40% 20%);}

#p9 {background-color:hwb(360 90% 0%);}

try it yourself

CSS syntaxhue whiteness blackness / Arelative value syntax
hwb(from )
hue

অপশনাল। রঙবোগের উপরের কোণ নির্দিষ্ট করে (0 থেকে 360); 0 (বা 360) লাল, 120 সবুজ, 240 নীল

none (0deg) ব্যবহার করা যেতে পারে।
whiteness

অপশনাল। মিশ্রণের সাদা নির্দিষ্ট করে; 0% সাদা নেই, 100% পূর্ণ সাদা

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

অপশনাল। মিশ্রণের কালতা নির্দিষ্ট করে; 0% কালতা নেই, 100% পূর্ণ কালতা

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

অপশনাল। রঙের স্পষ্টতা চ্যানেলের মান; 0%（বা 0） পূর্ণ স্পষ্ট, 100%（বা 100） পূর্ণ অস্পষ্ট

none (পরিমাণহীন স্পষ্টতা চ্যানেল) ব্যবহার করা যেতে পারে।

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

absolute value syntax

hwb( description whiteness blackness / Arelative value syntax
hwb(from )
value description

from

এটি সম্পর্কিত রঙের ভিত্তিতে থাকা মৌলিক রঙ
hue

অপশনাল। রঙবোগের উপরের কোণ নির্দিষ্ট করে (0 থেকে 360); 0 (বা 360) লাল, 120 সবুজ, 240 নীল

none (0deg) ব্যবহার করা যেতে পারে।
whiteness

অপশনাল। মিশ্রণের সাদা নির্দিষ্ট করে; 0% সাদা নেই, 100% পূর্ণ সাদা

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

অপশনাল। মিশ্রণের কালতা নির্দিষ্ট করে; 0% কালতা নেই, 100% পূর্ণ কালতা

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

অপশনাল। রঙের স্পষ্টতা চ্যানেলের মান; 0%（বা 0） পূর্ণ স্পষ্ট, 100%（বা 100） পূর্ণ অস্পষ্ট

none (পরিমাণহীন স্পষ্টতা চ্যানেল) ব্যবহার করা যেতে পারে।

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

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

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

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

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

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
hwb()
101 101 96 15 87
পারামিটারে সংখ্যা এবং শতকরা মিশ্রণ
121 121 122 সমর্থিত না 107

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

উল্লেখ:CSS রঙ

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

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

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

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

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