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

Phối màu chữ và nền là gì?

Còn gọi: phối màu nền và chữ, màu chữ trên nền, nền màu gì chữ màu gì, phối màu chữ, text background color

Phối màu chữ và nền là chọn cặp màu cho chữ và mảng nền sau nó sao cho chữ đọc rõ, đủ tương phản và vẫn hợp với tinh thần thiết kế.

Ảnh minh hoạ Phối màu chữ và nền: minh hoạ trực quan cho Phối màu chữ và nền
Minh hoạ trực quan cho Phối màu chữ và nền

Hiểu kỹ hơn

Yếu tố quan trọng nhất là chênh lệch độ sáng, không phải chênh lệch sắc độ: chữ đỏ trên nền xanh lá có sắc độ đối lập nhưng độ sáng gần nhau nên rất khó đọc. Với giao diện số, tiêu chuẩn WCAG yêu cầu tỷ lệ tương phản tối thiểu 4.5:1 cho chữ thường và 3:1 cho chữ lớn; có thể kiểm tra bằng các công cụ đo tương phản. Gợi ý nhanh: nền tối dùng chữ trắng hoặc rất sáng; nền vàng, cam nhạt dùng chữ đen hoặc xanh đậm; nền xanh dương đậm dùng trắng hoặc vàng nhạt; nền hồng dùng đỏ đô hoặc xanh đậm. Tránh đặt chữ mảnh trên ảnh nhiều chi tiết; nếu cần, thêm lớp phủ tối hoặc khung nền. Với chữ in nhỏ, dùng một màu mực thay vì chữ ghép nhiều màu.