Tất cả cách phối màu

Mỗi cách phối áp dụng một quy tắc khác nhau trên vòng tròn màu: màu liền kề, màu đối diện hay màu cách đều. Chọn cách phù hợp với dự án rồi tạo bảng màu miễn phí, không cần đăng ký.

14 cách phối cổ điển và hiện đại, mỗi cách có ví dụ cụ thể, trường hợp sử dụng phù hợp và những lỗi cần tránh.

• Bảng màu đơn sắc

  Bảng màu đơn sắc sử dụng một sắc độ duy nhất và thay đổi độ bão hòa cùng độ sáng. Đây là cách phối an toàn nhất: các màu không xung đột và tạo ngay một diện mạo nhất quán.

• Bảng màu tương đồng

  Các màu tương đồng nằm cạnh nhau trên vòng tròn màu, thường trong cung 30–60 độ. Kết quả mềm mại, liền mạch và gần với cảnh tự nhiên như hoàng hôn hay nền rừng.

• Bảng màu bổ túc

  Hai màu bổ túc nằm đối diện nhau trên vòng tròn màu, cách nhau 180 độ. Đây là cách phối tương phản mạnh nhất: xanh lam và cam, đỏ và lục, tím và vàng.

• Bảng màu bổ túc xen kẽ

  Phối bổ túc xen kẽ chọn một màu gốc rồi dùng hai màu cạnh màu bổ túc của nó, thay vì dùng chính màu bổ túc. Bạn giữ được tương phản nhưng giảm sự gay gắt của cặp đối diện.

• Bảng màu bộ ba

  Bảng màu bộ ba phân bố ba sắc độ cách đều nhau 120 độ trên vòng tròn màu. Kết quả sống động, cân bằng và vui tươi, phù hợp với thương hiệu muốn gây chú ý.

• Bảng màu bộ bốn

  Bảng màu bộ bốn, còn gọi là phối hình chữ nhật, kết hợp hai cặp màu bổ túc. Đây là cách phối cổ điển phong phú nhất và cũng đòi hỏi nhiều sự cân nhắc nhất.

• Bảng màu bổ túc kép

  Phối bổ túc kép dùng hai cặp màu đối diện được chọn gần nhau trên vòng tròn màu. Bạn có bảng màu ấm, chuyển tiếp dần, làm nền tảng cho nhiều dải chuyển sắc đa màu.

• Bảng màu chuyển sắc

  Bảng màu chuyển sắc đi từng bước đều từ màu tối nhất đến sáng nhất. Đây là điểm khởi đầu trực tiếp cho CSS `linear-gradient` hoặc thang màu của hệ thống thiết kế.

• Bảng màu thiên nhiên

  Bảng màu thiên nhiên dựa trên màu sắc ngoài trời: xanh cây cỏ, đất, cát và vỏ cây. Các tổ hợp này lập tức tạo cảm giác quen thuộc vì mắt gặp chúng mỗi ngày.

• Bảng màu nóng và lạnh

  Bảng màu này sắp xếp màu theo nhiệt độ: màu nóng một phía, màu lạnh phía kia, trung tính ở giữa. Trước hết đây là công cụ tổ chức bố cục, sau đó mới là một cách phối màu.

• Bảng màu theo cảm xúc

  Bảng màu cảm xúc bắt đầu từ hiệu ứng mong muốn thay vì hình học vòng tròn màu. Tin cậy, khẩn cấp, thanh thản, sang trọng: mỗi ý định cần một nhóm sắc độ khác nhau.

• Bảng màu Material Design

  Bảng màu Material Design tuân theo cách tiếp cận của Google: màu chính, màu phụ cho điểm nhấn, bề mặt trung tính và thang xám cho chữ cùng độ nổi.

• Bảng màu hoài cổ

  Bảng màu hoài cổ giảm độ bão hòa và nghiêng về be, sepia, nâu. Nó gợi giấy cũ, áp phích thập niên bảy mươi và ảnh phim.

• Bảng màu theo mùa

  Bảng màu theo mùa mượn sắc màu từ một thời điểm trong năm: pastel mùa xuân, màu rực mùa hè, vàng đất mùa thu và tông lạnh mùa đông.