0

編碼結果

HWB 顏色

關於 HWB 顏色

HWB 顏色是使用色相、白色度和黑色度三個成分表示顏色的顏色模型。色相指定基本色味，白色度和黑色度指定混入多少白色和黑色，因此較容易直觀地調整為更淺、更暗或更接近灰色的顏色。

成分含義範例值
H: 色相以角度表示色味。紅色約為 0deg，綠色約為 120deg，藍色約為 240deg。90deg
W: 白色度表示混入顏色中的白色量。值越大，顏色越偏白。20%
B: 黑色度表示混入顏色中的黑色量。值越大，顏色越偏黑。30%

例如，紅色等主要顏色可以表示如下。

顏色HWB 表示RGB 表示
紅色hwb(0deg 0% 0%)rgb(255 0 0)
綠色hwb(120deg 0% 49.8%)rgb(0 128 0)
亮綠色hwb(120deg 0% 0%)rgb(0 255 0)
藍色hwb(240deg 0% 0%)rgb(0 0 255)
白色hwb(0deg 100% 0%)rgb(255 255 255)
黑色hwb(0deg 0% 100%)rgb(0 0 0)

如要包含透明度，請加入 Alpha 值。例如，半透明紅色可以表示為 hwb(0deg 0% 0% / 0.5)。

色相、白色度、黑色度的處理

色相按角度處理，超過 360deg 的值或負值會標準化到 0deg 到 360deg 的範圍。例如，hwb(360deg 0% 0%) 會作為與 hwb(0deg 0% 0%) 相同的顏色處理，hwb(-120deg 0% 0%) 會作為與 hwb(240deg 0% 0%) 相同的顏色處理。

白色度和黑色度按 0% 到 100% 的範圍處理。白色度越大，顏色越接近白色；黑色度越大，顏色越接近黑色。當白色度和黑色度的合計為 100% 以上時，無論色相如何，都會作為灰色系顏色處理。

HWB 和 HSL 的差異

HSL 使用飽和度和明度調整顏色，適合指定顏色的鮮艷程度和明亮程度。HWB 透過混入白色和黑色的量來調整顏色，因此較容易說明「保持相同色相並變白」或「加入黑色使其變暗」等操作。

不過，HWB 也不是在人類知覺上完全均勻的色彩空間。若要較容易處理視覺明亮度或色差，可以使用 Lab、LCH、Oklab、Oklch 等色彩空間。