Về màu HWB

Màu HWB là một mô hình màu biểu diễn màu bằng ba thành phần: sắc độ, độ trắng và độ đen. Sắc độ xác định tông màu cơ bản, còn độ trắng và độ đen xác định lượng trắng và đen được pha vào, nên dễ hiểu trực quan khi làm màu sáng hơn, tối hơn hoặc gần với xám hơn.

Ví dụ, các màu chính như màu đỏ có thể được biểu diễn như sau.

Để bao gồm độ trong suốt, hãy thêm giá trị alpha. Ví dụ, màu đỏ bán trong suốt có thể được biểu diễn là hwb(0deg 0% 0% / 0.5).

Xử lý sắc độ, độ trắng và độ đen

Sắc độ được xử lý như một góc, và các giá trị lớn hơn 360deg hoặc giá trị âm được chuẩn hóa về phạm vi từ 0deg đến 360deg. Ví dụ, hwb(360deg 0% 0%) được xử lý như cùng màu với hwb(0deg 0% 0%), và hwb(-120deg 0% 0%) như cùng màu với hwb(240deg 0% 0%).

Độ trắng và độ đen được xử lý trong phạm vi từ 0% đến 100%. Độ trắng càng lớn thì màu càng gần trắng, và độ đen càng lớn thì màu càng gần đen. Khi tổng độ trắng và độ đen là 100% trở lên, màu được xử lý như màu xám bất kể sắc độ.

Sự khác nhau giữa HWB và HSL

HSL điều chỉnh màu bằng độ bão hòa và độ sáng, nên phù hợp để chỉ định độ rực và độ sáng. HWB điều chỉnh màu bằng lượng trắng và đen được pha vào, nên dễ mô tả các thao tác như “làm trắng hơn với cùng sắc độ” hoặc “thêm đen để làm tối”.

Tuy nhiên, HWB cũng không phải là không gian màu đồng đều hoàn toàn theo cảm nhận. Khi muốn xử lý độ sáng thị giác hoặc khác biệt màu dễ hơn, có thể dùng các không gian màu như Lab, LCH, Oklab và Oklch.