Bỏ qua tới nội dung
Toolars
Khám phá

Trộn màu

Color Mixer

Chọn số màu trung gian; trộn hai đầu có alpha, xem từng màu và sao chép bảng màu.

Xử lý cục bộ

Chi tiết xử lý

Dữ liệu nhập của công cụ được xử lý trên thiết bị của bạn.

Công cụ có thể tải tài nguyên để hoạt động. Dịch vụ tài khoản hoạt động riêng.

Đang chuẩn bị dùng ngoại tuyến…

Thông tin quyền riêng tư
Báo lỗi

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. Màu trung gian · RGBA / HSL / HEX · Sao chép mọi màu

  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. Xuất kết quả hiện tại. HEX / RGBA / HSL / JSON.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Trộn màu dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Trộn màu thực sự làm gì

Để tạo màu chuyển giữa tím và xanh thương hiệu, hãy trộn có trọng số rồi chỉnh tỷ lệ màu thứ hai. Để thử lớp phủ bán trong suốt trên nền, chọn chồng lớp với lớp phủ là màu thứ nhất và nền là màu thứ hai. Kiểm tra alpha và bản xem trước trên nền trang dự kiến trước khi xuất JSON; hai phương pháp phục vụ mục đích khác nhau.

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

Thanh trượt trọng số hoạt động thế nào?
Thanh trượt chỉ xuất hiện khi trộn có trọng số. Ở 0% kết quả là màu thứ nhất, ở 100% là màu thứ hai. Ở giữa, các kênh sRGB đã mã hóa được nội suy bằng alpha nhân trước rồi làm tròn về 8 bit. Chồng lớp bỏ qua trọng số và đặt màu thứ nhất lên màu thứ hai. Chọn số màu trung gian; trộn hai đầu có alpha, xem từng màu và sao chép bảng màu. Xuất kết quả hiện tại. HEX / RGBA / HSL / JSON.
Trình trộn có xử lý độ trong suốt không?
Có. Pha theo trọng số nội suy bằng alpha nhân trước; ghép lớp đặt màu đầu lên màu sau. So sánh alpha và thứ tự lớp trên nền dự kiến.
Các kênh được làm tròn thế nào?
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.
Vì sao bảng kết quả bị xóa?
Đổi một trong hai màu, phương pháp tính hoặc trọng số sẽ xóa kết quả cũ để tránh nhầm với cài đặt hiện tại. Nhấn Trộn màu lần nữa để tính kết quả mới.
Chính xác bản xuất chứa gì?
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.
Dữ liệu có bị gửi đi đâu không?
Không. Lượt trộn được tính hoàn toàn trong tab trình duyệt này, dữ liệu nhập và kết quả không bao giờ rời khỏi nó, và không cần tài khoản.

Đọc tiếp

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Trình tạo hộp kiểm CSS

CSS Checkbox Generator

24 mẫu hộp kiểm: tám dấu × ba chuyển tiếp; thử bản xem trước gốc bằng nhấp hoặc Phím cách.

Tạo

Trình tạo công tắc CSS

CSS Switch Generator

18 mẫu công tắc: sáu hình nút × ba chuyển tiếp; thử bằng nhấp hoặc bàn phím.

Tạo

Trình tạo clip path CSS

CSS Clip Path Generator

24 hình cắt, tham số và điểm đa giác có thể sửa; xuất CSS hoặc một khai báo.

Tạo