Ngôn ngữ
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)

Chọn một màu gốc trên bánh xe HSL tương tác và xem ngay các cách phối màu hài hòa — bổ túc, tương đồng, ba màu và hơn nữa — rồi sao chép mã HEX chỉ với một cú nhấp.

Bánh Xe Màu Sắc Tương Tác Để Phối Màu Hài Hòa

Bánh xe màu sắc là một vòng tròn HSL tương tác, biến một màu gốc thành cả bảng phối màu hoàn chỉnh. Nhấp hoặc kéo quanh bánh xe để chọn một sắc màu, rồi xem ngay các tổ hợp hài hòa như bổ túc, tương đồng, ba màu và nhiều kiểu khác hiện ra tức thì.

Công cụ này dành cho nhà thiết kế, họa sĩ, lập trình viên và bất kỳ ai đang chọn màu cho website, thương hiệu, tranh minh họa hay căn phòng. Thay vì đoán xem màu nào hợp với nhau, bạn thấy rõ mối quan hệ giữa các màu được vẽ trên bánh xe bằng các chấm chỉ báo và đường nối, rồi sao chép bất kỳ mã HEX nào chỉ với một cú nhấp.

Riêng tư theo thiết kế: mọi màu đều được tính toán ngay trong trình duyệt của bạn bằng phép toán thuần và canvas. Không có thông tin nào về màu sắc của bạn được tải lên, theo dõi hay lưu trên máy chủ.

Cách Dùng Bánh Xe Màu Sắc

1

Chọn màu gốc

Nhấp hoặc kéo bất kỳ chỗ nào trên bánh xe để chọn sắc màu của bạn. Bạn cũng có thể dùng bộ chọn Màu gốc hoặc nhập một mã HEX (ví dụ #6366F1) để có màu khởi đầu chính xác.

2

Chỉnh độ bão hòa và độ sáng

Dùng thanh trượt Độ bão hòa để điều chỉnh cường độ (0% là xám, 100% là rực rỡ) và thanh trượt Độ sáng để điều chỉnh độ sáng tối (0% là đen, 50% là màu thuần, 100% là trắng). Bánh xe và các ô màu cập nhật ngay lập tức.

3

Chọn cách phối màu

Chọn một trong sáu Cách phối màu. Bánh xe vẽ các chấm chỉ báo và đường nối thể hiện mối liên hệ giữa các màu, kèm một ghi chú ngắn giải thích khi nào nên dùng kiểu phối đó.

4

Sao chép màu của bạn

Mỗi ô màu hiển thị nhãn, mã HEX và góc lệch so với màu gốc. Nhấp vào một ô màu để sao chép mã HEX của nó, sẵn sàng dán vào bất kỳ công cụ thiết kế hay đoạn CSS nào.

Tính Năng

Bánh Xe Màu Sắc Tương Tác

Một bánh xe canvas mượt mà để bạn nhấp hoặc kéo chọn bất kỳ sắc màu nào từ 0° đến 360°, với ô xem trước ở giữa hiển thị màu hiện tại của bạn.

Sáu Cách Phối Màu Hài Hòa

Tạo các kiểu phối bổ túc, tương đồng, ba màu, bổ túc tách, bốn màu và đơn sắc mà các nhà thiết kế chuyên nghiệp thường dùng.

Chỉ Báo Phối Màu Trực Quan

Các chấm chỉ báo và đường nối trên bánh xe cho thấy chính xác cách các màu trong mỗi kiểu phối liên hệ với màu gốc của bạn.

Điều Chỉnh Độ Bão Hòa & Độ Sáng

Tinh chỉnh từng màu bằng thanh trượt trực tiếp, với dải gradient tự cập nhật để xem trước toàn bộ phạm vi cho sắc màu hiện tại của bạn.

Chọn Màu & Nhập Mã HEX

Đặt màu gốc chính xác bằng bộ chọn màu có sẵn của trình duyệt hoặc gõ thẳng mã HEX sáu ký tự.

Sao Chép Một Cú Nhấp

Nhấp vào bất kỳ ô màu nào để sao chép mã HEX của nó tức thì, mỗi ô màu đều có nhãn và hiển thị góc lệch so với màu gốc.

Lý Thuyết Phối Màu Tích Hợp

Mỗi cách phối màu đi kèm một mô tả ngắn về tác dụng và thời điểm nên dùng, để bạn vừa làm vừa học được lý thuyết phối màu.

Tương Thích Mọi Màn Hình & Giao Diện Tối

Cả cảm ứng lẫn chuột đều hoạt động trên máy tính, máy tính bảng và điện thoại, kèm giao diện tối dễ chịu tích hợp sẵn.

Câu Hỏi Thường Gặp

Dùng bánh xe màu sắc để tạo bảng phối màu thế nào?

Chọn màu gốc bằng cách nhấp lên bánh xe hoặc nhập mã HEX, rồi chọn một Cách phối màu như Màu bổ túc hay Ba màu. Các màu phù hợp hiện ra dưới dạng ô màu kèm mã HEX, sẵn sàng để sao chép vào thiết kế của bạn.

Màu bổ túc là gì?

Màu bổ túc nằm đối diện trực tiếp nhau trên bánh xe, cách nhau 180°. Cặp màu này tạo ra độ tương phản mạnh nhất, rất hợp khi bạn muốn các phần tử nổi bật và thu hút sự chú ý.

Màu tương đồng và ba màu là gì?

Màu tương đồng là ba màu nằm cạnh nhau trên bánh xe (khoảng ±30° so với màu gốc), cho bảng màu nhẹ nhàng, gắn kết. Ba màu là ba sắc màu cách nhau đều 120°, tạo bảng màu rực rỡ nhưng vẫn cân bằng — thường đẹp nhất khi có một màu chủ đạo.

Màu bổ túc và màu tương đồng khác nhau thế nào?

Màu bổ túc dùng các màu đối diện để tạo tương phản cao và sự sống động, còn màu tương đồng dùng các màu lân cận để tạo cảm giác mượt mà, hài hòa. Chọn màu bổ túc khi bạn muốn sự nổi bật và nhấn mạnh; chọn màu tương đồng cho thiết kế thư thái, thống nhất.

Con số độ trên mỗi ô màu có ý nghĩa gì?

Số độ là góc của màu đó trên bánh xe so với màu gốc của bạn. Màu bổ túc hiển thị 180° (đối diện trực tiếp), còn các màu trong kiểu ba màu hiển thị 120° và 240° — chính khoảng cách đều nhau đó định nghĩa mỗi cách phối màu.

Tôi có thể lấy mã HEX để dùng trong phần mềm thiết kế không?

Có. Mỗi ô màu đều hiển thị một mã HEX, và nhấp vào đó sẽ sao chép giá trị vào bộ nhớ tạm. Mã HEX dùng được trong Photoshop, Figma, Sketch, CSS và hầu như mọi công cụ thiết kế. Với in ấn, hãy chuyển các màu hiển thị trên màn hình này sang CMYK trong phần mềm của bạn.

Vì sao màu thay đổi khi tôi kéo thanh trượt?

Bánh xe dùng mô hình HSL, nên Độ bão hòa điều chỉnh độ rực rỡ hay xám của một màu, còn Độ sáng điều chỉnh độ sáng tối của nó. Toàn bộ bánh xe và mọi ô màu vẽ lại theo thiết lập hiện tại của bạn, nên bạn xem trước chính xác cách phối màu sẽ trông ra sao — không phải những màu thuần mang tính lý thuyết.

Nhấp hoặc kéo trên bánh xe màu sắc để chọn sắc màu gốc
Dùng thanh trượt Độ bão hòaĐộ sáng để tinh chỉnh từng màu
Đổi Cách phối màu để so sánh các kiểu bổ túc, tương đồng và ba màu
Nhấp vào bất kỳ ô màu nào để sao chép mã HEX của nó
Mọi xử lý màu đều diễn ra trong trình duyệt của bạn
Muốn biết thêm? Đọc tài liệu →
1/6
Bắt đầu gõ để tìm kiếm...
Đang tìm kiếm...
Không tìm thấy kết quả
Hãy thử tìm với từ khóa khác