🎯 Một bộ công cụ,
mọi nhiệm vụ thiết kế

Phối màu hài hòa

Tạo bảng màu bổ túc, tam giác, tương đồng và bổ túc phân chia từ bất kỳ màu nền nào. Nhấp vào bất kỳ ô màu nào để sao chép mã hex.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎯 Phối màu hài hòa

Hướng dẫn hài hòa màu sắc

Sự hài hòa màu sắc là sự kết hợp của các màu sắc trông hài hòa với nhau, xuất phát từ vị trí của chúng trên bánh xe màu sắc. Các màu bổ sung nằm đối diện nhau, các màu ba màu cách đều nhau 120° và các màu tương tự nằm cạnh nhau.

Chọn màu cơ bản và kiểu hài hòa. Công cụ này xoay màu của bạn xung quanh bánh xe HSL để tạo bảng màu phù hợp, hiển thị từng mẫu màu với mã hex của nó. Nhấp vào bất kỳ mẫu màu nào để sao chép nó vào khay nhớ tạm của bạn.

Pro Tips

Hài hòa màu sắc là gì

Hài hòa màu sắc là bộ quy tắc cho biết màu nào hợp nhau, xuất phát từ hình học của vòng màu. Mỗi kiểu hài hòa là một mẫu góc cố định từ màu nền: bổ túc ở 180°, bộ ba ở 120°, tương đồng trong vòng 30°, v.v. Vì mẫu mang tính hình học nên bất kỳ màu nền nào cũng cho ngay một bảng màu dùng được — các hài hòa 'đúng' là vì mắt người xử lý quan hệ sắc độ giống nhau bất kể màu khởi điểm.

Bổ túc và bổ túc tách đôi

Cặp bổ túc cách nhau 180° — đỏ và lục, lam và cam, vàng và tím — tạo năng lượng và tương phản tối đa. Bổ túc tách đôi làm dịu va chạm: thay vì màu đối diện chính xác, lấy hai màu lân cận của nó (nền + 150° + 210°). Bạn giữ được sự sống động của cặp tương phản nhưng bỏ đi độ rung khó chịu — vì thế nó là một trong những lựa chọn an toàn nhất cho giao diện vẫn cần nổi bật.

Tương đồng và đơn sắc

Phối tương đồng lấy 3–5 màu liền kề trên vòng, tất cả trong khoảng 60° — chẳng hạn lam, lam lục và lục. Các màu liền kề chia sẻ sắc tố nên trông êm dịu, thống nhất và tự nhiên. Đơn sắc đi xa hơn: một màu duy nhất ở các mức nhạt, đậm và bão hòa khác nhau. Cả hai gần như không thể sai, nên trở thành lựa chọn mặc định cho dashboard, trực quan hóa dữ liệu và thương hiệu muốn trông ổn định, đáng tin.

Phối bộ ba và bộ bốn

Hài hòa bộ ba đặt ba màu cách đều 120° — đỏ/vàng/lam kinh điển. Chúng rực rỡ mà cân bằng, hoàn hảo cho thương hiệu vui tươi, minh họa và infographic. Bộ bốn (hay bổ túc kép) dùng hai cặp bổ túc tạo thành hình chữ nhật trên vòng — ví dụ lam, cam, tím và vàng lục. Nó cho bảng màu phong phú nhất nhưng khó cân bằng nhất: để một màu chủ đạo và coi ba màu còn lại là điểm nhấn phụ trợ, nếu không cả bộ sẽ sụp thành nhiễu.

Chọn hài hòa cho dự án của bạn

Ghép kiểu hài hòa với công việc. Đơn sắc và tương đồng hợp sản phẩm chuyên nghiệp, sức khỏe và tài chính — trông điềm tĩnh và chuyên môn. Bổ túc hợp trang marketing và nút kêu gọi hành động, nơi tương phản kéo chú ý. Bộ ba hợp nội dung vui tươi hoặc giáo dục. Bổ túc tách đôi là lựa chọn đa năng nhất cho web app: sống động mà an toàn. Chọn kiểu nào cũng áp quy tắc 60-30-10 — 60% chủ đạo, 30% phụ, 10% nhấn — để bảng màu có phân cấp thay vì tranh giành.

Frequently Asked Questions

Q: Màu sắc bổ sung là gì?
Màu sắc bổ sung là gì? Hai màu đối diện trực tiếp trên bánh xe màu (cách nhau 180°), như xanh lam và cam hoặc đỏ và xanh lục. Chúng tạo ra độ tương phản tối đa.
Q: Phối màu ba màu là gì?
Phối màu ba màu là gì? Ba màu cách đều nhau 120° xung quanh bánh xe, như đỏ, vàng và xanh lam. Đề án bộ ba sôi động nhưng cân bằng.
Q: Sự khác biệt giữa tương tự và đơn sắc là gì?
Sự khác biệt giữa tương tự và đơn sắc là gì? Tương tự sử dụng các màu liền kề trên bánh xe (ví dụ: xanh lam, xanh mòng két, xanh lục). Đơn sắc chỉ sử dụng một màu sắc với độ sáng và độ bão hòa khác nhau.
Q: Tại sao bảng màu của tôi trông có vẻ lầy lội?
Tại sao bảng màu của tôi trông có vẻ lầy lội? Khi trộn các chất bổ sung với cường độ bằng nhau, các màu sẽ chuyển sang màu xám lẫn nhau. Giảm độ bão hòa của một màu hoặc để một màu chiếm ưu thế để giữ cho bảng màu luôn tươi mới.
Q: Tôi có thể sử dụng các bảng màu này để trực quan hóa dữ liệu không?
Tôi có thể sử dụng các bảng màu này để trực quan hóa dữ liệu không? Có, nhưng trước tiên hãy kiểm tra mức độ thân thiện với người mù màu. Sử dụng công cụ Trình mô phỏng mù màu trên trang web này để xác minh bảng màu của bạn có thể phân biệt được.
Q: Hài hòa màu sắc là gì?
Hài hòa màu sắc là gì? Là mẫu hình học của các quan hệ sắc độ trên vòng màu tạo ra những kết hợp dễ chịu về thị giác.
Q: Có bao nhiêu kiểu hài hòa màu sắc?
Có bao nhiêu kiểu hài hòa màu sắc? Sáu kiểu chính: bổ túc, bổ túc tách đôi, tương đồng, đơn sắc, bộ ba và bộ bốn.
Q: Website nên dùng kiểu hài hòa nào?
Website nên dùng kiểu hài hòa nào? Bổ túc tách đôi là lựa chọn đa năng nhất — sống động mà an toàn; tương đồng hợp giao diện điềm tĩnh, chuyên nghiệp.

Màu sắc Việt Nam

Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.

Đỏ son #E32636

Màu son của cổng làng, đình chùa và câu đối

Vàng hoàng thái #FFD700

Màu vàng của hoàng cung và lễ hội

Xanh lam #0056A7

Màu xanh của biển Đông

Màu gạch #B22222

Màu gạch nung của làng quê Bắc Bộ

Vàng nắng #F7C948

Ánh nắng vàng trên cánh đồng lúa chín

Xanh ngọc #00A86B

Màu ngọc bích của vịnh Hạ Long

Tím Huế #7F5FA3

Màu tím của áo dài và hoa phượng tím xứ Huế

Nâu đất #8B5A2B

Màu đất phù sa của đồng bằng sông Hồng

Hồng sen #F5A9B8

Màu hoa sen — quốc hoa của Việt Nam

Trắng ngà #FFFFF0

Màu áo dài trắng của nữ sinh

Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.