```html

UI / UX Design

Thiết kế màu sắc website sao cho đẹp, dễ dùng và có cá tính?

Một bảng màu tốt không bắt đầu từ việc chọn vài màu “đẹp”, mà từ việc xác định vai trò của từng màu trong trải nghiệm người dùng, nhận diện thương hiệu và khả năng đọc.

01Bắt đầu bằng hệ thống màu

Thay vì chọn màu cho từng nút hay từng section riêng lẻ, hãy xây dựng một hệ thống màu có vai trò rõ ràng. Tối thiểu nên có Primary, Secondary, Accent, Surface và Text. Khi mọi thành phần dùng chung hệ thống này, giao diện sẽ đồng nhất và dễ mở rộng hơn.

02Áp dụng tỷ lệ 60–30–10

Đây là một nguyên tắc đơn giản để tránh việc website có quá nhiều màu cạnh tranh với nhau. Phần lớn giao diện nên dành cho màu nền trung tính, sau đó mới đến màu thương hiệu và cuối cùng là màu nhấn.

03Ưu tiên độ tương phản

Một thiết kế nhiều màu chưa chắc đã tốt. Nếu chữ khó đọc, nút không nổi bật hoặc mọi thành phần đều dùng màu mạnh, người dùng sẽ khó xác định đâu là thông tin quan trọng. Với nội dung dài, hãy ưu tiên nền sáng và chữ xám đậm thay vì các cặp màu quá chói.

04Kiểm tra trước khi hoàn thiện

Cuối cùng, hãy xem bảng màu trong ngữ cảnh thật: màn hình desktop, điện thoại, dark mode và các trạng thái hover, disabled hoặc error. Một màu đẹp trong bảng màu có thể trông hoàn toàn khác khi đặt cạnh hình ảnh, typography và nội dung thực tế.

Một website chuyên nghiệp không cần thật nhiều màu. Điều quan trọng là tạo được thứ bậc thị giác rõ ràng để người dùng luôn biết họ nên nhìn vào đâu và hành động tiếp theo là gì.

```