Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Bánh xe màu tương tác - Tìm sự hài hòa màu sắc phù hợp

Tìm các cách phối màu bổ sung, tương tự, bộ ba, hình tứ giác và hình vuông. Điều chỉnh HEX, độ bão hòa và độ sáng, sau đó sao chép các màu phù hợp miễn phí mà không cần tài khoản.

Kéo để chọn màu gốc — sao chép mã hex cho mọi kiểu phối màu cổ điển.

Màu HEX / CSS
Hài Hòa

Giải thích các cách phối màu trên bánh xe màu

Màu bổ túc

Các màu bổ túc nằm đối diện nhau trực tiếp trên bánh xe màu — xanh dương và cam, đỏ và xanh lá. Chúng tạo ra độ tương phản và độ rực rỡ mạnh nhất có thể, khiến thiết kế trở nên sống động và làm các nút kêu gọi hành động nổi bật hơn. Hãy dùng một màu làm chủ đạo và màu bổ túc của nó chỉ như một điểm nhấn để tránh gây rối mắt.

Bổ túc xen kẽ

Bảng phối bổ túc phân chia (split-complementary) sử dụng một màu gốc cùng hai màu nằm cạnh màu bổ túc của nó. Bạn vẫn giữ được độ tương phản cao của bảng phối bổ túc nhưng làm dịu bớt sự căng thẳng, khiến việc phối màu khó bị sai hơn nhiều. Đây là bảng phối lý tưởng cho người mới bắt đầu: một tông màu chủ đạo, hai màu nhấn hỗ trợ, và kết quả cân bằng một cách tự nhiên.

Màu tương đồng

Phối màu tương đồng sử dụng ba màu liền kề nhau trên bánh xe màu, chẳng hạn như vàng, vàng lục và xanh lá. Vì các màu liền kề có chung tông màu nền nên kết quả mang lại cảm giác êm dịu, hài hòa và tự nhiên — hãy nghĩ đến hoàng hôn và những khu rừng. Hãy chọn một màu chủ đạo, dùng các màu liền kề để hỗ trợ, và thêm một màu trung tính để tạo độ tương phản.

Bộ ba màu

Phối màu tam giác chọn ba màu cách đều nhau 120 độ, chẳng hạn như đỏ, vàng và xanh dương. Cách phối này vẫn rực rỡ ngay cả khi bạn dùng phiên bản nhạt hoặc trầm, và luôn cân bằng vì không có sắc độ nào chiếm ưu thế do vị trí gần nhau. Hãy để một màu làm chủ đạo và dành hai màu còn lại làm điểm nhấn và highlight.

Bốn màu (hình chữ nhật)

Bảng phối bốn màu (hình chữ nhật) sử dụng bốn màu được sắp xếp thành hai cặp bổ túc, cách nhau 60 độ. Đây là bảng phối đa dạng nhất trong các bảng phối cổ điển, nhưng cũng khó cân bằng nhất — hãy chọn một màu chủ đạo, làm dịu các màu còn lại, và theo dõi kỹ tỷ lệ giữa tông màu ấm và lạnh.

Vuông

Phối màu vuông chia đều bốn màu cách nhau 90 độ trên bánh xe màu. Giống như tetradic, cách phối này ghép hai cặp màu bổ sung, nhưng khoảng cách đều nhau tạo ra sự cân bằng ấn tượng và sinh động hơn giữa gam màu nóng và lạnh. Cách phối này hiệu quả nhất khi một màu rõ ràng chiếm ưu thế và các màu còn lại chỉ xuất hiện như điểm nhấn nhỏ.

Bạn có thể làm gì với Bánh Xe Màu

Xem lại các khả năng chính trước khi bạn bắt đầu.

  • Khám phá bảng phối màu bổ túc và tương đồng
  • Tìm các bộ phối màu bộ ba, bộ bốn và vuông
  • Sao chép mã hex cho từng màu trùng khớp
  • Tinh chỉnh độ bão hòa và độ sáng trực tiếp
  • Chọn màu nền tảng cho bảng màu thiết kế của bạn

Tham khảo cài đặt

Các điều khiển có sẵn cho Bánh Xe Màu.

Tùy chọn

Màu gốc (tông màu và độ bão hòa)Bộ chọn màu
Kéo tại bất kỳ điểm nào trên vòng màu tương tác để chọn màu khởi đầu: góc quyết định sắc màu, còn khoảng cách tới tâm quyết định độ bão hòa.
Màu HEX / CSSNhập văn bản
Gõ hoặc dán bất kỳ mã HEX, rgb(), hsl() hay tên màu CSS nào để đưa bánh xe màu đến thẳng đúng màu bạn đã có.
Độ bão hòaThanh trượtPhạm vi: 0–100% · Mặc định: 91%
Điều chỉnh độ rực của màu nền, từ xám hoàn toàn ở 0% đến phiên bản thuần khiết và mạnh nhất của tông màu ở 100%.
Độ sángThanh trượtPhạm vi: 0–100% · Mặc định: 60%
Điều chỉnh độ sáng tối của màu nền tảng, từ đen ở 0% qua sắc màu thuần đến trắng ở 100%; mọi bảng phối màu đều cập nhật theo.
Hài HòaCài đặt sẵn
Chọn mối quan hệ màu kinh điển nào sẽ được làm nổi bật trên bánh xe màu, đặt điểm đánh dấu cho các màu đi kèm để bạn thấy rõ cách phối màu được tạo nên.Tùy chọn: Màu bổ túcBổ túc xen kẽMàu tương đồngBộ ba màuBốn màu (hình chữ nhật)Vuông
Sử dụng miễn phí · Không cần đăng ký · Không có hình mờTải lên được mã hóa trong quá trình chuyển tiếpĐã bị xóa theo chính sách lưu trữ của chúng tôi

Câu hỏi thường gặp

Bánh Xe Màu giúp bạn hoàn thành công việc như thế nào

Những vấn đề thực tế mà nó giải quyết hàng ngày — cho doanh nghiệp, người sáng tạo và các công việc hàng ngày. Tìm trường hợp sử dụng phù hợp với bạn và bắt đầu.

Học vấn

Tìm hiểu lý thuyết màu sắc

Xem mọi bảng phối màu cổ điển được tính toán trực tiếp từ màu gốc bạn chọn, kèm giải thích dễ hiểu về thời điểm và lý do mỗi bảng phối phát huy hiệu quả.

Cho người sáng tạo

Chọn màu nhấn cho trang web

Nhập mã hex thương hiệu của bạn vào bánh xe màu và sử dụng bảng phối bổ túc phân tách hoặc bộ ba màu để tìm màu nhấn tương phản mà không bị chói.

Cho người sáng tạo

Xem trước bảng phối màu trên giao diện thực tế

Mỗi phối màu được áp dụng lên một thẻ mẫu nhỏ — tiêu đề, nội dung, nút bấm và các chấm màu — để bạn đánh giá sự kết hợp trong bối cảnh thực tế thay vì chỉ là các mẫu màu trừu tượng.

Cho người sáng tạo

Bảng màu nghệ thuật và minh họa

Sử dụng phối màu tương đồng cho những cảnh tự nhiên, yên bình, và phối màu bổ túc cho các điểm nhấn kịch tính, sau đó sao chép chính xác mã hex vào ứng dụng vẽ của bạn.

Ngắm nhìn từng vùng đất chuyển hóa

Mỗi bức ảnh đều vượt qua dấu gạch chéo và đi ra phía bên kia.