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)

Trộn 2 đến 5 màu với chế độ RGB, HSL hay LAB. Đặt tỉ lệ, xem trước dải màu, bấm vào các bước trộn và sao chép kết quả ở dạng HEX, RGB và HSL.

Trộn Màu: Pha Hai Hay Nhiều Màu Online

Trộn Màu là công cụ online miễn phí giúp pha 2 đến 5 màu thành một màu trộn duy nhất. Chọn màu, đặt mức đóng góp của từng màu, và xem kết quả cập nhật tức thì ở dạng HEX, RGB và HSL.

Công cụ được tạo cho nhà thiết kế đang tinh chỉnh bảng màu thương hiệu, họa sĩ pha màu trên máy, và lập trình viên muốn chọn đúng sắc độ giao diện nằm giữa hai giá trị. Vì bạn kiểm soát tỉ lệ của từng màu cùng thuật toán trộn, bạn có được một màu trộn chính xác, lặp lại được thay vì phải đoán mò.

Riêng tư theo thiết kế: mọi thao tác trộn màu đều chạy hoàn toàn trong trình duyệt của bạn. Màu sắc và tỉ lệ của bạn không bao giờ được tải lên bất kỳ máy chủ nào.

Cách Trộn Màu

1

Chọn màu của bạn

Bấm vào ô xem trước màu để mở bảng chọn màu của hệ thống, hoặc gõ thẳng một mã HEX như #FF6B6B vào ô nhập. Bạn cũng có thể mở một tổ hợp có sẵn từ danh sách Bảng màu.

2

Điều chỉnh tỉ lệ

Kéo thanh trượt của từng màu để thay đổi mức đóng góp; tổng các tỉ lệ luôn bằng 100%. Dùng một Tỉ lệ có sẵn như 50 - 50, 30 - 70, hoặc Đều nhau để chia chỉ với một cú bấm.

3

Chọn chế độ trộn

Chuyển giữa RGB để trộn màu màn hình tiêu chuẩn, HSL để chuyển sắc độ mượt tự nhiên, hoặc LAB để có màu trộn đều theo cảm nhận của mắt. Màu trộn được tính lại ngay khi bạn đổi chế độ.

4

Sao chép kết quả

Khi màu trộn đã ưng ý, bấm nút sao chép bên cạnh giá trị HEX, RGB hoặc HSL để đưa thẳng vào bộ nhớ tạm.

Tính Năng

Ba Chế Độ Trộn

Trộn theo RGB cho màu màn hình tuyến tính, HSL để chuyển sắc độ theo vòng tròn, hoặc LAB để có kết quả đều theo cảm nhận, trông tự nhiên.

Trộn 2 Đến 5 Màu

Bắt đầu với hai màu và thêm tối đa ba màu nữa. Mỗi màu có thanh trượt tỉ lệ riêng, và tổng luôn được chuẩn hóa về 100%.

Bảng Màu Chọn Sẵn

Duyệt các tổ hợp có sẵn tự cập nhật theo số màu bạn chọn: bảng 2 màu cho hai màu, bảng 3 màu cho ba màu, và cứ thế.

Xem Trước Dải Màu

Một thanh dải màu trực tiếp chuyển qua từng màu đã chọn để bạn thấy các màu hòa vào nhau như thế nào.

Các Bước Trộn

Với hai màu, xem chín sắc độ trung gian từ 10% đến 90%. Bấm vào một bước để đặt đúng tỉ lệ đó, hoặc rê chuột để đọc mã HEX của nó.

Hoán Đổi & Đặt Lại

Hoán đổi hai màu đầu để lật ngược màu trộn, hoặc đặt lại tất cả về màu, tỉ lệ và chế độ RGB mặc định chỉ với một cú bấm.

Tỉ Lệ Có Sẵn

Áp dụng các kiểu chia hai màu thông dụng như 50-50, 30-70, 70-30 hay 25-75, cùng tùy chọn Đều nhau chia tỉ lệ đồng đều cho mọi màu.

Sao Chép HEX, RGB & HSL

Đọc màu trộn cùng lúc ở ba định dạng và sao chép định dạng bạn cần: HEX cho web, RGB cho CSS, hoặc HSL cho phần mềm thiết kế.

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

Trộn hai màu với nhau sẽ ra màu gì?

Đặt cả hai màu, chỉnh tỉ lệ của chúng, và ô Màu Sau Khi Trộn sẽ hiển thị kết quả theo thời gian thực. Ví dụ, trộn đỏ và xanh dương theo tỉ lệ bằng nhau sẽ ra màu tím ở chế độ RGB. Sắc độ chính xác phụ thuộc vào tỉ lệ và chế độ trộn bạn chọn.

Trộn theo RGB, HSL và LAB khác nhau thế nào?

RGB lấy trung bình các kênh đỏ, lục, lam — đơn giản và rất hợp cho màu màn hình, dù các cặp màu đối nghịch có thể trông xỉn. HSL trộn sắc độ, độ bão hòa và độ sáng, đưa sắc độ đi quanh vòng tròn màu để chuyển mượt hơn. LAB trộn trong một không gian theo cảm nhận, mô phỏng thị giác con người, nên kết quả thường trông tự nhiên nhất. Hãy thử cả ba để xem bạn thích cái nào.

Tôi có thể trộn nhiều hơn hai màu và đặt tỉ lệ không?

Có. Bấm Thêm màu để trộn tối đa 5 màu cùng lúc. Mỗi màu có thanh trượt tỉ lệ riêng, và công cụ luôn giữ tổng các tỉ lệ bằng 100%. Xóa bất kỳ màu nào bằng nút X của nó để giảm số màu lại.

Đây có giống pha màu sơn (RYB) hay màu màn hình (RGB) không?

Công cụ này trộn theo các mô hình màu cộng trên màn hình — RGB, HSL và LAB — đúng với cách màu kết hợp trên màn hình hiển thị. Điều này khác với pha màu sơn trừ (RYB), nơi sắc tố hấp thụ ánh sáng, nên xanh dương và vàng pha ra xanh lá. Với thiết kế số, các chế độ RGB và LAB ở đây cho bạn đúng giá trị sẽ dùng trong CSS và phần mềm thiết kế.

Vì sao các bước trộn biến mất khi có từ 3 màu trở lên?

Các bước trộn thể hiện sự chuyển tiếp giữa đúng hai màu ở các tỉ lệ khác nhau. Với ba màu trở lên thì không có một dãy bước duy nhất, nên công cụ hiển thị phần xem trước dải màu thay thế để bạn hình dung được toàn bộ màu trộn.

Công cụ có xuất HEX, RGB và HSL không?

Có. Màu trộn được hiển thị đồng thời ở dạng HEX, RGB và HSL, mỗi dạng có nút sao chép riêng. Sao chép HEX cho web, RGB cho CSS, hoặc HSL cho phần mềm thiết kế.

Dữ liệu của tôi có được lưu hay tải lên không?

Không. Mọi lần trộn đều diễn ra cục bộ trong trình duyệt của bạn và không có gì được gửi lên máy chủ. Màu không được lưu giữa các phiên, nên hãy sao chép hoặc lưu lại bất kỳ mã HEX nào bạn muốn giữ.

Màu cần trộn

Bảng màu

Tỉ lệ có sẵn

Chế độ trộn
Màu sau khi trộn
HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)

Xem trước dải màu

Các bước trộn

Bấm vào ô xem trước màu để mở bảng chọn màu của hệ thống
Gõ thẳng mã HEX vào ô nhập, ví dụ #FF6B6B
Dùng chế độ LAB để có màu trộn tự nhiên, đều theo cảm nhận của mắt
Bấm vào một bước trộn để đặt ngay tỉ lệ hai màu đó
Mở một bảng màu chọn sẵn để có tổ hợp màu hài hòa
Mọi thao tác trộn 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/7
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