Trang chủ / Công cụ màu sắc / Trộn màu
Công cụ trực tuyến miễn phí

Trộn màu

Trộn hai màu RGB theo tỷ lệ phần trăm, xem mã HEX kết quả. Ví dụ: #2563EB + #F97316 ở 50% cho #8F6B81. Miễn phí, không cần tải lên. Quá trình xử lý diễn ra c…

Bắt đầu sử dụng

Tính năng và ví dụ cụ thể

Công cụ này trộn chính xác hai màu RGB không trong suốt theo từng kênh gamma-encoded sRGB. Mỗi kênh được nội suy tuyến tính theo công thức: kết quả = màu1 × (1 - k) + màu2 × k, sau đó làm tròn đến giá trị byte gần nhất để tạo mã HEX.

Ví dụ đã kiểm chứng

Trộn #2563EB (màu 1) với #F97316 (màu 2) ở tỷ lệ 50% cho kết quả các kênh: 143, 107, 128.5 → làm tròn thành #8F6B81. Lưu ý: kết quả này khác với trộn trong không gian màu tuyến tính hoặc cảm nhận (Lab/OKLab).

Điều khiển chính

  • Bộ chọn màu nâng cao cho mỗi màu nguồn: đồng bộ HEX, RGB, HSV, HSL.
  • Thanh trượt tỷ lệ trộn từ 0% đến 100% (mặc định 50%).
  • Bảng điều khiển màu kết quả có thể chỉnh sửa.

Giới hạn

Công cụ không hỗ trợ alpha, gradient, trộn nhiều màu hoặc mô phỏng màu vật lý. Toàn bộ xử lý diễn ra trong trình duyệt; không có dữ liệu nào được tải lên.

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

1. Tại sao kết quả trộn 50% của #2563EB và #F97316 lại là #8F6B81?

Vì công cụ nội suy từng kênh gamma-encoded sRGB một cách tuyến tính, không phải trong không gian màu cảm nhận. Phép tính: kênh R: 37×0.5 + 249×0.5 = 143, kênh G: 99×0.5 + 115×0.5 = 107, kênh B: 235×0.5 + 22×0.5 = 128.5 → làm tròn thành 129 (0x81).

2. Tôi có thể nhập tỷ lệ trộn ngoài khoảng 0–100% không?

Không. Giá trị ngoài khoảng sẽ bị kẹp về 0% hoặc 100%. Ví dụ, nhập 120% sẽ tương đương 100% (chọn màu thứ hai).

3. Nếu tôi chỉnh sửa màu kết quả trong bảng điều khiển, điều gì xảy ra?

Màu kết quả sẽ thay đổi theo chỉnh sửa của bạn, nhưng hai màu nguồn và tỷ lệ trộn không bị ảnh hưởng. Công cụ không tính toán ngược tỷ lệ mới từ màu đã sửa.

Quá trình xử lý diễn ra cục bộ trong trình duyệt.