Trộn 2 hoặc 3 màu theo tỉ lệ tùy ý như sơn hoặc ánh sáng để ra màu kết quả, hoặc pha chuyển giữa hai màu tối đa 10 bước. Sao chép HEX, RGB, HSL, CMYK.

Màu 1
Lượng
Màu 2
Lượng
Màu 3
Lượng
Mô hình pha trộn
Pha trộn như sơn hoặc bột màu thật: xanh dương và vàng cho ra xanh lá, còn màu tối sẽ kéo hỗn hợp xuống tối hơn. Pha trộn như ánh sáng màu trên màn hình, lấy trung bình trong ánh sáng tuyến tính: đỏ và xanh lá cho ra vàng. Lấy trung bình các màu trong không gian OKLab, giống CSS color-mix(): kết quả mượt và đồng đều cho công việc UI và thiết kế.
Công thức
Màu đã pha

Chọn 2 hoặc 3 màu và đặt lượng của từng màu: màu pha được tính ngay lập tức trong trình duyệt của bạn. Nhấp vào kết quả hoặc bất kỳ giá trị nào để sao chép.

Màu bắt đầu
Màu kết thúc
Số bước
Số sắc thái trung gian cần tạo (1–10).
Chế độ pha trộn
Gradient
Bảng màu pha trộn

Chọn hai màu và số bước: mọi sắc thái ở giữa được tính toán ngay lập tức trong trình duyệt.


Giới thiệu về Trộn màu

Công cụ Trộn màu cho bạn biết màu nào được tạo ra khi trộn hai hoặc ba màu với nhau. Chọn các màu, đặt lượng của từng màu trong hỗn hợp, và màu kết quả hiện ra ngay cùng giá trị HEX, RGB, HSL và CMYK, kèm thanh công thức cho thấy tỉ lệ của mỗi màu.

Ba mô hình trộn trả lời những câu hỏi khác nhau. Sơn trộn như bột màu thật, nên xanh dương và vàng cho ra xanh lá, và chỉ cần một chút đen là màu đổi hẳn. Ánh sáng lấy trung bình màu theo cách màn hình và đèn màu hòa vào nhau, nên đỏ và xanh lá cho ra vàng. Theo cảm nhận lấy trung bình trong không gian OKLab mà CSS color-mix() sử dụng, cho kết quả mượt và đều màu trong thiết kế giao diện.

Chế độ xem thứ hai, Các bước gradient, chuyển dần màu bắt đầu sang màu kết thúc qua tối đa mười sắc độ trung gian, trong RGB hoặc HSL, kèm bản xem trước gradient và mã gradient CSS sẵn sàng để dán. Mọi thứ chạy trong trình duyệt của bạn, không cần máy chủ.

Cách sử dụng Trộn màu

  1. Mở chế độ xem "Pha trộn màu" và chọn hai màu, hoặc thêm màu thứ ba bằng "Thêm màu".
  2. Đặt lượng của từng màu: phần trăm bên cạnh cho biết tỉ lệ của màu đó trong hỗn hợp.
  3. Chọn mô hình trộn: Sơn, Ánh sáng hoặc Theo cảm nhận.
  4. Nhấp vào màu đã trộn hoặc bất kỳ giá trị nào của nó để sao chép, hoặc dùng "Sao chép công thức" để giữ lại tỉ lệ.
  5. Chuyển sang "Các bước gradient" để tạo dải gradient tối đa 10 sắc độ giữa hai màu.

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

Có. Trộn màu miễn phí và không giới hạn: công cụ chạy hoàn toàn trong trình duyệt của bạn, không cần tài khoản, tín dụng hay xử lý trên máy chủ.

Với mô hình Sơn, xanh dương và vàng cho ra xanh lá, giống như sơn thật. Với mô hình Ánh sáng, chúng cho ra màu xám nhạt, vì màn hình hòa trộn ánh sáng của chúng chứ không phải bột màu. Hãy thử bất kỳ cặp màu nào trong chế độ xem "Pha trộn màu" để so sánh các mô hình.

Sơn mô phỏng bột màu hấp thụ ánh sáng, nên hỗn hợp tối dần và xanh dương cộng vàng cho ra xanh lá. Ánh sáng lấy trung bình màu trong ánh sáng tuyến tính, giống cách điểm ảnh hay đèn màu hòa vào nhau. Theo cảm nhận lấy trung bình trong OKLab, cho kết quả cân bằng đều và khớp với CSS color-mix().

Được. Thêm màu thứ ba, rồi đặt lượng của mỗi màu từ 1 đến 100. Các lượng mang tính tương đối, nên 2, 1 và 1 cho hỗn hợp 50%, 25% và 25%. Thanh công thức và các phần trăm cho thấy tỉ lệ chính xác của từng màu.

Đây là mô phỏng khá sát dựa trên cách bột màu hấp thụ và tán xạ ánh sáng, nhưng sơn thật khác nhau tùy thương hiệu, bột màu và chất nền. Hãy dùng nó để dự đoán sắc độ và thử tỉ lệ, rồi kiểm tra lại bằng một mẫu nhỏ.

Trong chế độ xem "Các bước gradient", pha trộn RGB nội suy trực tiếp các kênh đỏ, xanh lá và xanh dương, có thể đi qua màu xám khi trộn các sắc độ đối lập. Pha trộn HSL thì xoay quanh bánh xe màu, nên các bước trung gian giữ được độ bão hòa và trông sống động hơn.

Trộn hai màu với lượng bằng nhau trong chế độ xem "Pha trộn màu": Ánh sáng cho trung bình vật lý của chúng, Theo cảm nhận cho điểm giữa theo thị giác. Trong chế độ xem "Các bước gradient", một bước duy nhất cho điểm giữa của pha trộn RGB hoặc HSL.


Tìm kiếm phổ biến
trộn màu trộn màu online trộn hai màu ra màu gì pha màu sơn trộn ba màu công cụ tính pha màu trộn hai màu các bước chuyển màu chuyển sắc giữa các màu công cụ trộn màu
Cần trợ giúp?
Gặp sự cố với công cụ này? Hãy cho đội ngũ của chúng tôi biết.
Báo cáo sự cố

Thêm công cụ miễn phí này vào trang web của riêng bạn: sao chép và dán mã bên dưới.