Pha màu
Pha hai màu theo bất kỳ tỷ lệ nào trong OKLab, OKLCH hoặc sRGB. Sao chép kết quả hoặc biểu thức color-mix() có sẵn.
- HEX
- RGB
- OKLCH
CSS kèm dự phòng
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Các bước từ màu thứ nhất đến màu thứ hai
Cùng một phép pha trong mọi không gian
sRGB bị xám và tối ở giữa. OKLab giữ độ sáng đều. OKLCH và HSL giữ độ bão hòa nhưng đi vòng qua bánh xe tông màu.
Hỏi đáp
color-mix() trong CSS là gì?
color-mix() là hàm CSS trộn hai màu trong không gian màu bạn chọn, ví dụ color-mix(in oklab, #ff5733, #3b82f6 30%). Hàm này chạy trên mọi trình duyệt hiện nay. Hãy đặt một màu thường phía trước làm dự phòng cho trình duyệt cũ, như trong đoạn mã ở trên.
Nên trộn trong không gian màu nào?
OKLab là lựa chọn mặc định an toàn nhất: màu ở giữa giữ được độ sáng và không bị đục. OKLCH giữ màu rực nhưng đi đường ngắn nhất quanh vòng sắc màu, nên đỏ và xanh dương sẽ đi qua tím và hồng. sRGB là cách trộn của các công cụ cũ, màu ở giữa thường xám và tối.
Vì sao trộn ánh sáng khác với trộn sơn?
Màn hình cộng ánh sáng, nên công cụ này lấy trung bình các giá trị ánh sáng: xanh dương và vàng cho ra màu xám hoặc màu nhạt, không phải xanh lá. Sơn thì hấp thụ bớt ánh sáng, vì thế cùng phép trộn đó trên giấy lại ra xanh lá. Muốn dự đoán màu sơn, hãy dùng mô hình trộn sơn thay vì không gian màu của màn hình.