Thư viện thuật ngữ / Màu sắc

Thang màu là gì?

Còn gọi: color scale, color ramp, bảng màu theo bậc

Thang màu (color scale) là dãy các bậc sáng tối của một màu, thường đánh số như 50, 100, 200… 900, dùng trong design system để có đủ màu cho nền, viền, chữ, trạng thái mà vẫn nhất quán.

Ảnh minh hoạ Thang màu (color scale): thang màu 10 bậc của một màu thương hiệu với số 50–900, bậc nào đạt tương phản chữ trên nền trắng được đánh dấu
Thang màu 10 bậc của một màu thương hiệu với số 50–900, bậc nào đạt tương phản chữ trên nền trắng được đánh dấu

Hiểu kỹ hơn

Từ một màu thương hiệu, designer tạo khoảng 10 bậc từ rất nhạt đến rất đậm, sao cho bước nhảy đều mắt và các bậc đậm đủ tương phản cho chữ trên nền trắng. Tailwind CSS và Material Design phổ biến cách đặt số này. Tạo thang màu bằng hệ màu theo cảm nhận như OKLCH cho kết quả đều hơn HSL. ColorME có công cụ tạo thang màu (color scale) trực tuyến.