Trộn màu

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách trộn hai màu

1. 01

   Nhập hai màu

   Điền Màu thứ nhất và Màu thứ hai bằng các giá trị hex — #RGB, #RGBA, #RRGGBB và #RRGGBBAA đều được chấp nhận, nên đầu vào bán trong suốt không sao. Không gian làm việc mở với #6D5EF8 đối lập #22C55E.

2. 02

   Phép tính

   Chọn Phương pháp tính: trộn có trọng số nội suy các kênh sRGB đã mã hóa với alpha nhân trước. Chồng lớp đặt màu thứ nhất lên màu thứ hai; thứ tự lớp quan trọng và chế độ này không có thanh trọng số.

3. 03

   Trộn các màu

   Trong chế độ trộn có trọng số, đặt trọng số màu thứ hai từ 0% (chỉ màu thứ nhất) đến 100% (chỉ màu thứ hai), rồi nhấn Trộn màu. Ở chế độ chồng lớp, nút đó áp dụng phép đặt lớp. Đổi màu, phương pháp hoặc trọng số sẽ xóa kết quả cũ.

4. 04

   Đọc bảng kết quả

   HEX, RGBA, CSS và bản xem trước dùng chung các kênh 8-bit và alpha. Độ trong suốt được hiển thị trên nền trang; đầu ra giữ lại alpha.

5. 05

   Thử lượt trộn mẫu

   Nhấn Tải mẫu để trộn #F97316 với #7C3AED ở trọng số 35% — một màu cam ấm dịch về tím — để bạn thấy toàn bộ quy trình. Đặt lại đưa về cặp mặc định ở 50%.

6. 06

   Sao chép hoặc tải xuống kết quả

   Sao chép hoặc tải xuống toolars-color-mix.json với cả hai màu nguồn, phương pháp, không gian màu sRGB, HEX, RGBA và một khai báo CSS. secondColorWeight chỉ được bao gồm khi trộn có trọng số. Mọi dạng đầu ra dùng chung kết quả 8-bit.