Tóm tắt
- Sắc độ là vị trí của màu trên vòng màu, một góc từ 0° đến 360°: đỏ ở 0°, lục gần 120°, lam gần 240°, rồi lại về đỏ.
- Độ bão hòa là lượng sắc độ đó hiện diện, từ 0 phần trăm (xám) đến 100 phần trăm (màu thuần). Độ sáng là mức sáng của nó, từ 0 phần trăm (đen) đến 100 phần trăm.
- Vì sắc độ là một vòng tròn, khoảng cách xa nhất giữa hai sắc độ là 180° — hai phía đối diện của vòng. Mọi sai số lớn hơn thế thực ra nhỏ hơn nếu tính theo chiều ngược lại.
- HSB để chọn và mô tả màu bằng mắt; RGB là cách màn hình tạo ra chúng; Lab để đo hai màu trông khác nhau bao nhiêu. Chúng trả lời những câu hỏi khác nhau.
- Dựng lại một màu bằng ba thanh trượt riêng cho thấy phán đoán nào trong ba đã lệch. Chọn từ các mẫu màu thì không.
Ba con số, ba câu hỏi
Hãy lấy một màu — chẳng hạn một màu xanh mòng két dịu. Khi được yêu cầu mô tả nó, bạn sẽ không nói nó chứa bao nhiêu ánh sáng đỏ, lục và lam, dù đó là điều màn hình đang làm. Bạn sẽ nói nó là xanh lam pha lục, không đậm lắm, hơi tối. Đó là HSB: sắc độ, độ bão hòa, độ sáng, theo thứ tự mà con người thực sự nghĩ. Mô hình được Alvy Ray Smith đề xuất vào cuối thập niên 1970 chính để mọi người có thể chọn màu theo cách khớp với cách họ nhìn. Nó còn được gọi là HSV, trong đó V là value; hai cái là cùng một mô hình.
| Chiều | Câu hỏi nó trả lời | Dải | Hai đầu |
|---|---|---|---|
| Sắc độ | Đó là màu nào? | 0°–360° | Đỏ ở 0°, qua vàng, lục, lục lam, lam và đỏ tía, rồi về đỏ |
| Độ bão hòa | Có bao nhiêu phần của màu đó trong nó? | 0–100% | 0% là xám không có chút sắc độ nào; 100% là phiên bản thuần nhất của sắc độ |
| Độ sáng | Nó sáng đến đâu? | 0–100% | 0% là đen bất kể hai chiều còn lại; 100% là sáng nhất mà sắc độ đó có thể |
Sắc độ là một góc, và điều đó quan trọng
Sắc độ được bố trí trên một vòng tròn vì quang phổ, chạy từ đỏ đến tím theo một đường thẳng, nối lại qua những sắc tím không tồn tại trong cầu vồng: đỏ tía nằm giữa tím và đỏ và khép vòng. Vì vậy sắc độ được đo bằng góc. Đỏ là 0°, vàng gần 60°, lục gần 120°, lục lam gần 180°, lam gần 240°, đỏ tía gần 300°, và 360° lại là đỏ.
Một vòng tròn có hệ quả mà một đường thẳng không có: có một khoảng cách lớn nhất, và nó là nửa vòng. Hai sắc độ không bao giờ cách nhau quá 180°. Một dự đoán 350° cho mục tiêu 10° không lệch 340°; nó lệch 20°, qua đỉnh vòng. Mọi điểm sắc độ trung thực đều phải đo theo đường ngắn, và sai số sắc độ tệ nhất có thể là màu bù của một màu — sắc độ đối diện trực tiếp. Đó là lý do Percore chuẩn hóa sai số sắc độ trên 180°: đó là khoảng từ hoàn hảo đến sai hết mức có thể.
Độ bão hòa và độ sáng
Độ bão hòa là lượng sắc độ trong màu. Ở độ bão hòa bằng không, mọi sắc độ sụp về cùng một màu xám, đó là lý do sắc độ của một màu rất nhạt hoặc rất xỉn thật sự khó gọi tên — gần như không có sắc độ nào trong nó để thấy. Ở độ bão hòa đầy đủ, màu rực nhất mà sắc độ cho phép. Độ sáng đơn giản là màu sáng đến đâu; ở độ sáng bằng không mọi thứ là đen, bất kể sắc độ và độ bão hòa nói gì.
Hai thứ tương tác theo cách làm người ta vấp. Một màu đỏ tối, bão hòa và một màu đỏ sáng, giảm bão hòa có thể cảm giác như những màu hoàn toàn khác nhau, dù chúng có chung sắc độ. Trong thực tế, người nhớ một màu thường đúng sắc độ ở mức đại khái và phóng đại độ bão hòa — màu được nhớ rực hơn màu thật — còn sai số độ sáng đi theo cả hai hướng tùy ánh sáng xung quanh. Đây là các kiểu cần tìm trong điểm số theo từng chiều.
HSB bên cạnh các mô hình khác
HSB là một trong vài cách mô tả cùng một màu, và mỗi cách tồn tại có lý do. Chọn nhầm mô hình cho một nhiệm vụ là nguồn nhầm lẫn thường gặp, nên đây là mục đích của từng cái.
| Mô hình | Nó là gì | Tốt nhất cho |
|---|---|---|
| HSB / HSV | Sắc độ là góc, độ bão hòa và độ sáng là phần trăm. Độ sáng 100% là phiên bản thuần nhất, sáng nhất của sắc độ. | Chọn và mô tả màu bằng mắt; công cụ chọn màu; chẩn đoán một sai số trí nhớ màu |
| HSL | Cùng sắc độ; dùng lightness (độ nhạt) thay cho brightness, trong đó lightness 100% luôn là trắng và 50% là sắc độ thuần. | CSS và thiết kế web, nơi làm sáng một màu về phía trắng là thao tác phổ biến |
| RGB | Bao nhiêu ánh sáng đỏ, lục và lam, mỗi cái 0–255. Điều màn hình thực sự làm về mặt vật lý. | Mã, định dạng tệp, mọi thứ mà một thiết bị phải hiển thị; khó lập luận bằng mắt |
| CIELAB (Lab) | Độ sáng cộng hai trục đối lập (lục–đỏ, lam–vàng), xây dựng để các khoảng cách bằng nhau trông khác nhau như nhau. | Đo chênh lệch giữa hai màu (Delta E); công việc in ấn và quản lý màu |
Một cách nhớ hữu ích: RGB dành cho máy, HSB và HSL dành cho con người, và Lab dành cho phép đo. Các công cụ cảm nhận màu chấm điểm bằng Delta E đang đo trong Lab; những công cụ cho bạn ba thanh trượt đang để bạn trả lời trong HSB. Cả hai đều hợp lệ, và chúng cho bạn biết những điều khác nhau.
Vì sao ba thanh trượt cho biết nhiều hơn một mẫu màu
Nếu bạn được cho xem một màu, nó biến mất, và bạn chọn mẫu gần nhất trong sáu mẫu, kết quả là một bit thông tin: đúng hoặc sai, kèm một khoảng cách. Nếu thay vào đó bạn dựng lại màu từ ba điều khiển riêng, kết quả là ba con số — lệch bao nhiêu về sắc độ, về độ bão hòa, về độ sáng — và ba con số đó là một chẩn đoán. Người có sai số sắc độ nhỏ và sai số độ bão hòa lớn mỗi ngày đã học được điều gì đó về cách mình nhìn, và có thể điều chỉnh cho nó.
Đây là lý lẽ đằng sau buổi Màu sắc của Percore, buổi phủ kín màn hình bằng một màu, ẩn nó, và yêu cầu dựng lại bằng các thanh trượt sắc độ, độ bão hòa và độ sáng. Mỗi sai số được chuẩn hóa — sắc độ trên 180°, hai cái còn lại trên toàn dải — và ba được lấy trung bình thành độ chính xác từ 0 đến 100; phần phân tích được hiển thị bên cạnh. Công thức đầy đủ nằm trong Percore chấm điểm thế nào, và cách cải thiện cảm nhận màu sắc biến phần phân tích thành một bài luyện.
Dựng lại một màu từ ba thanh trượt.
Tải về trên App StoreCâu hỏi thường gặp
HSB và HSV có phải là một không?
Có. V là viết tắt của value, B của brightness, và chúng chỉ cùng một mô hình. Các phần mềm khác nhau dùng tên khác nhau; công cụ của Apple và Adobe nói HSB, nhiều công cụ khác nói HSV.
HSB và HSL khác nhau thế nào?
Chúng có chung sắc độ. Trong HSB, độ sáng 100 phần trăm là phiên bản thuần nhất, sáng nhất của sắc độ; trong HSL, lightness 100 phần trăm là trắng và sắc độ thuần nằm ở 50 phần trăm. HSL phổ biến trong CSS; HSB trong các công cụ thiết kế.
Tại sao đỏ ở 0° trên vòng sắc độ?
Theo quy ước. Vòng phải bắt đầu ở đâu đó, và đỏ được chọn khi mô hình được định nghĩa; thứ tự đỏ, vàng, lục, lục lam, lam, đỏ tía theo quang phổ với đỏ tía khép vòng.
Sai số sắc độ lớn nhất có thể là bao nhiêu?
180°, sắc độ đối diện trực tiếp trên vòng — màu bù của một màu. Mọi sai số có vẻ lớn hơn thế thực ra nhỏ hơn nếu đo theo chiều ngược lại, đó là lý do sai số sắc độ luôn phải tính theo đường ngắn.
Người ta sai nhiều nhất ở chiều nào trong ba?
Trong thực tế, độ bão hòa: người ta có xu hướng nhớ một màu rực hơn thực tế. Sắc độ thường gần đúng, còn độ sáng phụ thuộc nhiều vào ánh sáng xung quanh. Điểm theo từng chiều cho bạn thấy kiểu của chính bạn.