Thư viện thuật ngữ / UI/UX

Chế độ tối là gì?

Còn gọi: dark mode, giao diện tối

Dark mode là giao diện dùng nền tối và chữ sáng, giúp dịu mắt trong môi trường thiếu sáng và có thể tiết kiệm pin trên màn hình OLED.

Ảnh minh hoạ Chế độ tối (dark mode): cùng một màn hình ứng dụng ở chế độ sáng và tối, chữ, màu nhấn đã điều chỉnh
Cùng một màn hình ứng dụng ở chế độ sáng và tối, chữ, màu nhấn đã điều chỉnh

Hiểu kỹ hơn

Dark mode không phải chỉ đảo màu: nền thường là xám rất tối thay vì đen tuyệt đối để giảm chói, chữ trắng hơi xám, màu thương hiệu cần giảm độ bão hoà để không chói, và bóng đổ thay bằng độ sáng khác nhau của bề mặt để tạo chiều sâu. Ảnh và logo cũng cần phiên bản phù hợp. Trong design system, dark mode được quản lý bằng biến màu ngữ nghĩa (semantic tokens) để chuyển chế độ dễ dàng.