Khi bạn nói "màu đỏ", bạn đang nói về điều gì? Đỏ tươi hay đỏ bầm? Đỏ sáng hay đỏ tối? Mỗi màu có 5 thuộc tính đo lường được — và hiểu chúng là bước đầu để nói về màu một cách chính xác.
Mỗi màu tồn tại trong không gian nhiều chiều. Tuỳ hệ thống mô tả, có 3-5 thuộc tính chính. Năm thuộc tính quan trọng nhất cho họa sĩ:
01
Bright saturated red flag color swatch
02
Dark red wine burgundy color swatch
03
Light pink pastel salmon color swatch
04
Brown rust dusty red color swatch
Cùng 1 Hue (đỏ), thay đổi 2 thuộc tính còn lại (Saturation + Lightness) tạo ra 4 màu hoàn toàn khác về cảm xúc.
Hue là thuộc tính cơ bản nhất — là cái tên của màu. Đỏ, cam, vàng, lục, lam, chàm, tím... Hue được tổ chức theo vòng tròn 360°:
0° = đỏ → 60° = vàng → 120° = xanh lá → 180° = cyan → 240° = xanh dương → 300° = magenta → 360° = quay lại đỏ.
A — Ngôn ngữ Hue
Warm HueẤm
Đỏ, cam, vàng. Gợi lửa, nắng, năng lượng.
Cool HueLạnh
Xanh lá, xanh dương, tím. Gợi nước, băng, yên tĩnh.
NeutralTrung tính
Xám, nâu, beige. Không thiên về Hue nào rõ rệt.
Temperature biasThiên nhiệt
Đỏ-tím lệch lạnh, đỏ-cam lệch ấm.
Fig. 01 · 3 trục HSL
Hai thuộc tính thường bị nhầm lẫn. Cùng là "đỏ", nhưng khác nhau ở 2 điểm:
Saturation (Độ bão hoà)
Màu rực hay nhạt
- Đỏ rực (Sat 100%) vs Đỏ xám (Sat 20%)
- Thay đổi "độ sống" của màu
- Giảm Sat = pha thêm xám
- Dùng để tạo không khí, không gian
Lightness (Độ sáng)
Màu sáng hay tối
- Đỏ sáng (L 80%) vs Đỏ tối (L 20%)
- Thay đổi "độ chiếu sáng" của màu
- Tăng L = pha thêm trắng
- Dùng để tả khối, sáng tối
S
🔍 IMG_08
Saturation slider gradient vibrant to gray
Trục Saturation: rực → xám
L
🔍 IMG_09
Lightness slider gradient black to white
Trục Lightness: đen → trắng
Mỗi màu là một tọa độ 3 chiều, không phải một cái tên.
— Tư duy màu khoa họcSaturation và Chroma tưởng giống, nhưng khác quan trọng. Hiểu đúng giúp tránh nhầm lẫn khi chuyển giữa các hệ màu:
Hai khái niệm gần nhau nhưng không đồng nhất.
Saturation Tương đối
Đo độ rực so với mức tối đa mà Lightness cho phép. Vàng S100% và xanh S100% có độ sáng khác nhau.
Chroma Tuyệt đối
Đo độ rực tuyệt đối, không phụ thuộc Value. Chroma 10 vàng và 10 xanh thực sự rực như nhau.
Luyện tách 3 trục
Bài tập: chọn 1 màu. Chỉ đổi Hue (giữ S, L). Rồi chỉ đổi S. Rồi chỉ đổi L.
Gọi tên thay vì chọn eyedropper
Trước khi dùng color picker, nhẩm: "Hue bao nhiêu? Sat bao nhiêu?". Rồi verify.
Làm chủ Value trước
Nếu chỉ được chọn 1 thuộc tính để luyện, chọn Value/Lightness.
Ghi chú màu bằng số
Khi reference 1 màu: ghi cả HSL hoặc Munsell. Sau 6 tháng bạn sẽ nhớ được giá trị.
- Phân biệt rõ Sat và Light
- Thay đổi 1 thuộc tính mỗi lúc khi mix màu
- Dùng HSL slider thay vì RGB
- Study màu từ ảnh tham khảo bằng color picker
- Nhầm Sat và Light — "tôi muốn đỏ đậm hơn"
- Dùng RGB slider để chỉnh trực tiếp
- Mô tả màu mơ hồ: "đỏ đẹp", "xanh nhạt"
- Bỏ qua Value khi bắt đầu vẽ
⭐ Điểm mấu chốt
Màu không phải tên — màu là tọa độ.
Một khi bạn có ngôn ngữ chính xác (Hue, Saturation, Lightness, Chroma, Value), bạn nói được về màu như kỹ sư nói về thông số.
HSL và HSB khác nhau thế nào?
HSL: Lightness 0% = đen, 50% = màu thuần, 100% = trắng. HSB/HSV: Brightness 0% = đen, 100% = màu sáng nhất (chưa lên trắng).
Value và Lightness có giống nhau?
Gần — không hoàn toàn. Value trong Munsell là sáng tối tuyệt đối, so được giữa mọi màu. Lightness trong HSL là sáng tối tương đối.
Chroma là gì và khi nào dùng?
Chroma là độ rực tuyệt đối, dùng trong hệ Munsell. Khi cần so sánh độ rực giữa 2 màu khác Hue, Chroma chính xác hơn Saturation.
OKLCH có phải là hệ tốt hơn?
OKLCH (2020s) là hệ màu hiện đại, đang trở thành chuẩn web mới. Perceptually uniform — Lightness thực sự đều. Tương lai thay thế HSL trong CSS.