CSS hwb() fonksiyonu

Önceki sayfa CSS hue-rotate() fonksiyonu
Sonraki sayfa CSS hypot() fonksiyonu
Üst katıya dön CSS Fonksiyon Referans Kılavuzu

tanımlama ve kullanım

CSS'nin hwb() Fonksiyon, renkleri belirlemek için ton-whiteness-karlık modeli (HWB) kullanır. Ayrıca, renkin şeffaflığını temsil eden isteğe bağlı bir şeffaflık kanalı ekleyebilirsiniz.

Örnek

Farklı HWB(A) renklerini tanımlayın:

#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%);}

Deneyimleyin

CSS dilimi

Absolüt değer dilimi

hwb(hue whiteness blackness / A)

Değer	Açıklama
hue	Gerekli. Renk çemberindeki açıyı tanımlar (0 ila 360) - 0 (veya 360) kırmızı, 120 yeşil, 240 mavi. Ayrıca none (0 dereceye eşdeğer) kullanılabilir.
whiteness	Gerekli. Karışımın beyazlık derecesini tanımlar; 0% beyazlık olmaksızın, 100% tamamen beyazlıktır. Ayrıca none (0% eşdeğeridir) kullanılabilir.
blackness	Gerekli. Karışımın karanlık derecesini tanımlar; 0% karanlık olmaksızın, 100% tamamen karanlıktır. Ayrıca none (0% eşdeğeridir) kullanılabilir.
/ A	Opsiyonel. Renkinin saydamlık kanal değeri (0% veya 0, tamamen şeffaftır, 100% veya 100, tamamen şeffaf değildir). Ayrıca none (saydamlık kanalını belirtir) kullanılabilir. Varsayılan değeri %100'dür.

Relatife değer dilimi

hwb(from color whiteness blackness / A)

Değer	Açıklama
from color	from ile başlar, ardından temel rengi gösteren renk değeri gelir. Bu, relatife renklerin temel aldığı temel renktir.
hue	Gerekli. Renk çemberindeki açıyı tanımlar (0 ila 360) - 0 (veya 360) kırmızı, 120 yeşil, 240 mavi. Ayrıca none (0 dereceye eşdeğer) kullanılabilir.
whiteness	Gerekli. Karışımın beyazlık derecesini tanımlar; 0% beyazlık olmaksızın, 100% tamamen beyazlıktır. Ayrıca none (0% eşdeğeridir) kullanılabilir.
blackness	Gerekli. Karışımın karanlık derecesini tanımlar; 0% karanlık olmaksızın, 100% tamamen karanlıktır. Ayrıca none (0% eşdeğeridir) kullanılabilir.
/ A	Opsiyonel. Renkinin saydamlık kanal değeri (0% veya 0, tamamen şeffaftır, 100% veya 100, tamamen şeffaf değildir). Ayrıca none (saydamlık kanalını belirtir) kullanılabilir. Varsayılan değeri %100'dür.