CSS hwb() فونکشن
- پچھلے پیج CSS hue-rotate() فنکشن
- آئندہ پیج CSS hypot() فنکشن
- ایک طبقہ اوپر واپس سی ایس ایس فنکشن مراجع منول
تعریف اور استعمال
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() فنکشن
- پچھلے پیج CSS hue-rotate() فنکشن
- آئندہ پیج CSS hypot() فنکشن
- ایک طبقہ اوپر واپس سی ایس ایس فنکشن مراجع منول