ပုံစံလုံး hwb() သဘောတူ

သတ်မှတ်ခြင်း နှင့် အသုံးပြုခြင်း

ပုံစံလုံး hwb() ပုံစံလုံးကို အရောင်အမှတ်ခွဲခြားထားသော အရောင်လုံးကို သတ်မှတ်ပါကြောင်း အသုံးပြုပါ၏။ အရောင်လုံး၏ အလွန်ချိန်ကို အတော်မျှသာ ထပ်ပေါင်းနိုင်ပါ၏။

ဌာနတစ်ခု

ပုံစံလုံး ကို ဒီမူပုံအရောင်လုံးကို သတ်မှတ်ပါကြောင်း

#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 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() 函数