Tafita tashi

Kita Kita Reference CSS

Hakika CSS

اختیاری کورس

کورس کا سفارش:

CodeW3C.com کاسه

CSS hwb() فونکشن

پیشین 函数 hue-rotate() CSS
بعدی 函数 hypot() CSS
بازگشت بک تار Kita Kita Function CSS

تعریف اور استفادہ

CSS کا hwb() فونکشن کا استفادہ کردا کولر کا تعین کردا ایتا کولر کا رجحان-سفید-کالر کا ماڈل (HWB) کردا. ایتا اپنے کولر کا شفافیت کا چینل اضافا کردا ایتا.

مثال

هاوسا کا کولر کا تعریف:

#p1 {background-color:hwb(60 40% 20% / 0.5);}
#p1 {لون الخلفية:hwb(120 40% 20%);}
#p2 {لون الخلفية:hwb(120 40% 20%);}
#p3 {لون الخلفية:hwb(120 40% 20% / 20%);}
#p4 {لون الخلفية:hwb(240 40% 20%);}
#p5 {لون الخلفية:hwb(240 50% 10%);}
#p6 {لون الخلفية:hwb(240 40% 20% / 0.3);}
#p7 {لون الخلفية:hwb(300 40% 20% / 0.5);}
#p8 {لون الخلفية:hwb(360 40% 20%);}

#p9 {لون الخلفية:hwb(360 90% 0%);}

تجربة شخصية

قواعد النص CSS

قواعد النص المطلق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%.