CSS hwb() فونکشن

تعریف اور استعمال

CSS کا hwb() فونکشن رنگ کا تعین کریگا کے لئے توجہ-سفیدی-کالر کا ماڈل (HWB) استعمال کریگا، اس کے علاوہ ایک اختیاری شفافیت چینل (رنگ کی شفافیت کا نمائندہ) بھی شامل کیاجاسکتا ہے。

مثال

مختلف HWB(A) رنگزاری کا تعریف:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#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%);}

آپ خود سائیڈ بھی کریں

CSS جملہ نویسی

مطلق جملہ نویسی

hwb(hue whiteness blackness / A)
مقدار وصف
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% ہے。

مقابلتی جملہ نویسی

hwb(from color whiteness blackness / A)
مقدار وصف
from color

کلمات '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 رنگ ماڈیول لیول 4

براوزر سپورٹ

جداول میں نمبر درج کئے گئے نسخہ، پہلی بار اس فنکشن کو پورا طور پر سپورٹ کرنے والی براوزر کی نسخہ کا نمائش کرتا ہے。

کروم ایج فائرفاکس سافری اوپرا
hwb()
101 101 96 15 87
پیمانگا میں نمبرو اور فیصد کا میکس کرنا
121 121 122 ناممکن 107

مقابلہ صفحات

ملاحظہ:سی ایس ایس رنگ

ملاحظہ:CSS hsl() فنکشن

ملاحظہ:CSS lab() فنکشن

ملاحظہ:CSS lch() فنکشن

ملاحظہ:CSS oklab() فنکشن

ملاحظہ:CSS oklch() فنکشن