Làm sao để chọn màu text trên 1 nền màu đã có sẵn?
Ví dụ trên nền màu xanh tối dưới đây và yêu cầu chữ Title phải nổi bậc trên nền
Chữ sáng thì sẽ nổi bật trên nền tối, nhưng nếu yêu cầu về màu sắc thì chúng ta sẽ đi tiếp nội dung dưới đây
Có bao nhiêu loại tương phản?
Có rất nhiều nhưng chúng ta chỉ cần xét vài tương phản chính sau đây, xếp theo thứ tự ưu tiên
- Tương phản về sáng tối (sắc độ)
- Tương phản về màu
- Tương phản về cường độ
- Tương phản nóng lạnh....
Tương phản về sáng tối (sắc độ)
Là tương phản gây ảnh hưởng rõ nhất. Giá trị ở đây là Brightness, Value, Lightness,...
Tất nhiên là chúng chỉ có 1 màu nên hơi yếu trong vai trò điểm nhấn
Tương phản cường độ
Giá trị ở đây là Saturation
Tương phản màu sắc
Giá trị ở đây là màu tương phản (complementary color) với nó, đối diện bên kia vòng thuần sắc
Những màu có cùng sắc độ (value) sẽ tranh chấp nhau, gây khó thấy, đặc biệt là ranh giới giữa chúng. Vì vậy việc thêm viền sáng cũng là 1 giải pháp khi bắt buộc phải dùng đến màu này.
Tương phản màu sắc + tương phản sáng tối
Giải quyết vấn đề tranh chấp do có cùng sắc độ bằng cách tăng sáng chữ sẽ làm chúng nổi bậc và mảng tách bạch nhau ra
Tương phản màu sắc + tương phản sáng tối + tương phản cường độ
Khi đã sử dụng đến 3 loại tương phản thì kết quả thật mỹ mãn. Đây là phương pháp tối ưu nhất để text có màu nổi bật trên nền và bạn có thể chọn đây là đáp án cho yêu cầu đề bài nhưng...
..nếu bạn là một người sáng tạo thì đây chưa hẵn là cuối đường vì bạn đâu muốn lúc nào cũng chọn màu này trên nền này phải không?
Tương phản nhưng không đơn điệu
Với nền màu thế này lần sau bạn không thể chọn màu cam sáng làm yếu tố nổi bậc cho text nữa. Vì như thế 100 bản thiết kế của bạn sẽ có màu... giống nhau.
Chấp nhận bớt tương phản để có được màu sắc phong phú
Thay vì chọn đúng màu đối xứng với màu nền, bạn có thể chọn gần gần đâu đó ở 2 bên. Càng xa càng ít tương phản nhưng lại đa dạng về sắc màu
Chọn màu dịch chuyển về phía màu nóng
Chọn màu dịch chuyển về phía màu lạnh
Tham khảo: https://color.adobe.com/create/color-wheel
