Trình trộn màu

Trình trộn màu là gì?

Trình trộn màu là một công cụ trực tuyến miễn phí nội suy giữa hai màu và cho bạn màu nằm ở giữa. Bạn nhập Màu A và Màu B dưới dạng HEX (cả #rrggbb lẫn dạng viết tắt #rgb đều dùng được), di chuyển bộ điều khiển tỉ lệ từ 0% (hoàn toàn Màu A) đến 100% (hoàn toàn Màu B) và chọn không gian màu: RGB trộn trực tiếp các kênh thô, trong khi Lab trộn trong không gian theo cảm nhận, thường giữ cho điểm giữa trông tự nhiên hơn và tránh xám đục. Các nhà thiết kế, lập trình viên front-end và họa sĩ minh họa dùng nó để tìm tông trung gian giữa hai màu thương hiệu, tạo dải chuyển hai màu mượt mà, suy ra sắc độ cho trạng thái hover hoặc viền, hoặc xem trước hai loại sơn hay hai điểm dừng gradient sẽ gặp nhau ở giữa như thế nào. Kết quả được hiển thị dưới dạng một mẫu màu lớn phía trên một trường HEX chỉ đọc mà bạn có thể sao chép bằng một cú nhấp.

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

1. Gõ hoặc dán màu đầu tiên của bạn vào trường Màu A (HEX), rồi màu thứ hai vào trường Màu B (HEX), theo định dạng #rrggbb hoặc #rgb.
2. Kéo thanh trượt Tỉ lệ (hoặc gõ một con số) để đặt lượng Màu B được trộn vào: 0% cho Màu A, 100% cho Màu B, 50% là điểm giữa cân bằng.
3. Chọn không gian trộn bằng công tắc RGB / Lab — chọn Lab để có bản trộn đều hơn theo cảm nhận, hoặc RGB để lấy trung bình từng kênh theo đúng nghĩa đen.
4. Quan sát mẫu màu xem trước cập nhật trực tiếp và đọc giá trị HEX của màu đã trộn bên dưới nó.
5. Nhấp nút sao chép bên cạnh kết quả để sao chép HEX đã trộn vào bảng nhớ tạm của bạn.

Ví dụ

A #ff0000, B #0000ff, tỉ lệ 50%, RGB

#800080

A #4f86f7, B #ffffff, tỉ lệ 75%, RGB

#d3e1fd

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

Sự khác biệt giữa tùy chọn RGB và Lab là gì?

RGB trộn các kênh đỏ, lục và lam một cách độc lập, điều này nhanh và khớp chính xác với cách CSS lấy trung bình màu, nhưng có thể ngả về xám xỉn với các tông màu cách xa nhau. Lab chuyển cả hai màu sang không gian cảm nhận CIELAB, nội suy ở đó rồi chuyển ngược lại, thường giữ cho điểm giữa sáng hơn và gần với điều mắt bạn mong đợi hơn. Cả hai đều tạo ra kết quả #rrggbb.

Bộ điều khiển tỉ lệ có nghĩa là gì?

Tỉ lệ là lượng Màu B có trong bản trộn. Ở 0%, kết quả bằng Màu A, ở 100% bằng Màu B, và ở 50% là điểm giữa cân bằng giữa hai màu. Bạn có thể kéo thanh trượt hoặc gõ một tỉ lệ phần trăm chính xác.

Tôi có thể nhập những định dạng màu nào?

Cả hai ô nhập đều chấp nhận HEX ở dạng #rrggbb (sáu chữ số) hoặc #rgb (dạng viết tắt ba chữ số). Nếu một trong hai giá trị không phải là màu HEX hợp lệ, một thông báo lỗi sẽ xuất hiện và không có bản trộn nào được hiển thị cho đến khi cả hai đều hợp lệ. Đầu ra luôn là một giá trị HEX #rrggbb.

Tôi có thể dùng màu đã trộn trong một chuỗi không gian làm việc không?

Có. Kết quả được hiển thị dưới dạng một cổng đầu ra, nên trong một không gian làm việc deftdeck bạn có thể nối HEX đã trộn thẳng vào một công cụ khác, và nó tự động cập nhật mỗi khi bạn thay đổi màu, tỉ lệ hoặc không gian màu.

Màu sắc của tôi có được gửi đi đâu không?

Không. Toàn bộ phép tính trộn chạy cục bộ trong trình duyệt của bạn, nên các giá trị màu của bạn không bao giờ được tải lên máy chủ. Công cụ hoạt động ngoại tuyến và giữ bảng màu của bạn ở chế độ riêng tư.