Màu nào hợp với màu nào? 15 cách phối màu đẹp

Quy tắc 60-30-10

Đây là quy tắc hữu ích nhất để phân bổ màu. Nó bắt nguồn từ thiết kế nội thất, nhưng dùng được cho mọi dự án.

60%: màu chủ đạo. Thường là một màu trung tính hoặc một sắc nhẹ. Nó phủ nền và các mảng lớn.
30%: màu phụ. Nó tạo cá tính. Hãy dùng cho các khối, menu hoặc đồ nội thất.
10%: màu nhấn. Màu mạnh nhất. Hãy dùng cho nút bấm, biểu tượng hoặc chi tiết.

Ví dụ: trắng ngà cho 60%, xanh tím than cho 30% và cam cho 10%.

Bạn không cần đo chính xác. Ý tưởng là: một màu dẫn dắt, một màu hỗ trợ và một màu nổi bật.

Màu trung tính là trắng, đen, xám, be, kem và các sắc nâu nhạt. Chúng hợp với gần như mọi màu.

Chúng giúp mắt được nghỉ và để các màu mạnh phát huy vẻ đẹp. Một bảng màu không có màu trung tính thường gây mệt mắt.

Trắng và trắng ngà: tinh khiết và thoáng đãng.
Xám: hiện đại và tiết chế. Chọn xám ấm hoặc xám lạnh cho hợp với phần còn lại của bảng màu.
Be và màu cát: ấm áp và tự nhiên.
Đen hoặc gần đen: thanh lịch và tương phản. Với chữ, một màu xám rất đậm thường dễ chịu hơn màu đen tuyền.

Màu có thể là màu nóng (đỏ, cam, vàng) hoặc màu lạnh (xanh dương, xanh lá, tím). Có ba cách đơn giản để phối chúng:

Chỉ màu nóng: ấm cúng và năng động. Rất hợp với nhà hàng hoặc thương hiệu thân thiện.
Chỉ màu lạnh: điềm tĩnh và chuyên nghiệp. Rất hợp với y tế, công nghệ hoặc tài chính.
Nền lạnh với một điểm nhấn nóng: lựa chọn linh hoạt nhất. Điểm nhấn nóng kéo ánh nhìn trên một nền êm dịu.

Lỗi thường gặp nhất: nhiều màu nóng và lạnh rực rỡ cùng lúc, mà không có màu nào chủ đạo.

Một màu đẹp cũng vô ích nếu chữ không đọc được. Độ tương phản giữa chữ và nền là yếu tố then chốt cho khả năng đọc và khả năng tiếp cận.

Dùng chữ tối trên nền sáng hoặc chữ sáng trên nền tối.
Tránh chữ vàng, xanh lá nhạt hoặc xám nhạt trên nền trắng.
Đừng đặt các màu bổ túc bão hòa chồng lên nhau, như đỏ trên xanh lá. Nó gây chói và mỏi mắt.
Hướng dẫ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.

Bạn có thể kiểm tra bất kỳ cặp màu nào với công cụ kiểm tra tương phản của chúng tôi.

Những cặp màu này là điểm khởi đầu an toàn. Hãy dùng chúng làm nền tảng và thêm một màu trung tính hoặc một màu nhấn khi cần.

Bạn sẽ tìm thấy nhiều ý tưởng khác kèm mã HEX trên trang phối màu của chúng tôi.

Nếu bạn đã có màu chính, danh sách này giúp bạn bắt đầu nhanh:

Đỏ: trắng, đen, xám, xanh tím than và be. Nếu muốn táo bạo: hồng hoặc cam.
Cam: xanh tím than, xanh ngọc, trắng, kem và nâu.
Vàng: xám, đen, xanh tím than và trắng. Vàng mù tạt rất hợp với xanh lá đậm.
Xanh lá: be, trắng, nâu, vàng kim và hồng nhạt.
Xanh dương: trắng, cam, xám, vàng và san hô. Xanh tím than gần như là một màu trung tính.
Tím: xám, tím nhạt, vàng kim, xanh xô thơm và trắng.
Hồng: xám, xanh tím than, xanh ô liu, trắng và vàng kim.
Nâu: kem, xanh lá, xanh cổ vịt, cam và trắng ngà.

Chắc bạn đã thấy các màu trung tính có mặt trong gần như mọi danh sách. Chúng là bạn đồng hành an toàn nhất cho một màu mạnh.

Chọn một màu chính dựa trên điều bạn muốn thể hiện.
Tìm một màu phụ trên vòng tròn màu: màu bên cạnh nếu muốn êm dịu, màu đối diện nếu muốn nổi bật.
Thêm một hoặc hai màu trung tính.
Chọn một màu nhấn cho điều quan trọng nhất.
Thử bảng màu trên một ví dụ thực tế: một trang web, một slide thuyết trình hoặc ảnh chụp căn phòng.

Nếu còn phân vân, hãy dùng ít màu hơn. Ba đến năm màu là đủ cho gần như mọi dự án.

Quá nhiều màu. Kết quả trông rối mắt và không có gì nổi bật.
Cho mọi màu vai trò như nhau. Không có màu chủ đạo, mắt không biết nên nhìn vào đâu.
Quên độ tương phản. Chữ không đọc được hoặc nút bấm không ai thấy.
Màu nào cũng rực. Màu quá mạnh gây mệt mắt. Hãy kết hợp chúng với các sắc nhẹ hơn.
Bỏ qua bối cảnh. Một màu trông khác nhau dưới ánh sáng ban ngày, trên màn hình và trên giấy.
Sao chép mà không điều chỉnh. Bảng màu hợp với một thương hiệu chưa chắc hợp với khách hàng của bạn.
Trộn màu trung tính khác nhiệt độ. Xám lạnh cạnh be ấm có thể trông bẩn. Hãy chọn màu trung tính cùng một họ.
Không thử trên nhiều màn hình. Một màu có thể đẹp trên máy tính nhưng nhạt trên điện thoại. Luôn kiểm tra trên nhiều thiết bị.

Màu nào hợp với mọi màu?

Các màu trung tính như trắng, xám, be và xanh tím than hợp với gần như mọi màu. Vì vậy chúng rất hợp làm màu nền.

Một bảng màu nên có bao nhiêu màu?

Thường ba đến năm màu là đủ: một màu chủ đạo, một hoặc hai màu phụ, một màu nhấn và một màu trung tính.

Quy tắc 60-30-10 là gì?

Là một cách phân bổ màu: 60% cho màu chủ đạo, 30% cho màu phụ và 10% cho màu nhấn. Nhờ đó tổng thể trông cân đối.