Bộ trộn màu

Trộn màu trên màn hình không giống trộn sơn

Bộ trộn lấy trung bình các giá trị ánh sáng đỏ, lục và lam, không phải các sắc tố. Màu lam #0000FF và vàng #FFFF00 ở mức 50% cho ra màu xám #808080, thay vì màu lục như khi trộn sơn. Việc lấy trung bình trong sRGB cũng thường khiến các điểm giữa những màu bão hòa trông xỉn và tối hơn hai đầu mút. CSS cho cùng kết quả với color-mix(in srgb, #FF6B35, #2563EB 50%), trong khi các không gian màu khác trong hàm đó, chẳng hạn oklch, thường cho điểm giữa sáng hơn.

Tính màu của một lớp phủ trong suốt

Một lớp có độ mờ sẽ hiển thị sự pha trộn giữa chính nó và phần phía sau, tức là cùng một phép tính. Đặt nền trước, lớp phủ sau và dùng độ mờ của lớp phủ làm trọng số: văn bản trắng ở độ mờ 70% trên #1E293B sẽ hiển thị thành màu trộn với 70% màu trắng. Kết quả đặc đó là màu bạn nên dùng ở nơi không hỗ trợ độ trong suốt, đồng thời là màu cần kiểm tra trong công cụ kiểm tra độ tương phản.

Cách sử dụng

1. Nhập giá trị #RGB hoặc #RRGGBB hợp lệ cùng tỷ lệ phần trăm mong muốn.
2. Chạy phép xử lý màu cố định cục bộ trong trình duyệt.
3. Xem các ô màu, rồi sao chép kết quả hoặc các giá trị bảng màu.

Quyền riêng tư và giới hạn

Các giá trị màu được giữ trên thiết bị này. Kết quả độ tương phản là một công cụ kiểm tra toán học, không phải sự bảo đảm tuân thủ WCAG trên mọi phương diện; bạn vẫn cần xem xét ngữ cảnh, cách hiển thị phông chữ, độ tương phản của nội dung không phải văn bản và các trạng thái giao diện người dùng.