Độ rung & Độ bão hòa — Tăng màu trực tuyến không bị vỡ màu

Vibrance là một điều khiển độ bão hòa thông minh, phi tuyến. Trong khi Saturation thông thường nhân cường độ của mọi màu lên cùng một lượng — nhanh chóng đẩy bầu trời, làn da và những màu vốn đã rực rỡ vượt quá mức có thể hiển thị, gây ra vẻ 'neon' gắt gao, bị cắt — Vibrance áp dụng một sự tăng cường có trọng số, mà mức nâng tuyệt đối mạnh nhất ở các màu bão hòa trung bình và giảm dần về cả hai đầu. Những điểm ảnh gần xám và đã rực rỡ thay đổi ít nhất, trong khi các màu trung bình bị nhạt nhận được sự tăng cường lớn nhất. Kết quả là một bức ảnh trông phong phú và sống động hơn mà không bị quá bão hòa kiểu hoạt hình, đó là lý do Vibrance là thanh trượt 'làm cho nổi bật' được ưa chuộng trong Lightroom và hầu hết các ứng dụng camera điện thoại. Công cụ này cho bạn cả hai: một thanh trượt Vibrance cho sự tăng cường phi tuyến, được bảo vệ, và một thanh trượt Saturation cho điều chỉnh đều kinh điển bên trên. Kéo bất kỳ thanh nào sang phải để làm màu đậm đà hơn, hoặc sang trái để làm dịu ảnh về phía thang xám. Nó hoạt động trong không gian màu HSL, nên chỉ độ bão hòa của từng điểm ảnh thay đổi — sắc màu và độ sáng được giữ nguyên, và các điểm ảnh xám hoàn toàn vẫn xám y nguyên. Mọi thứ chạy cục bộ trên canvas HTML trong trình duyệt của bạn: ảnh không bao giờ bị tải lên, độ trong suốt được giữ, và không cần đăng ký, không có hình mờ.

Đo trên một tấm ảnh 1200 x 900 (1.080.000 pixel) chạy qua chính mã của trang này, đúng hàm applyVibranceToData mà trình duyệt chạy, không phải một thứ thay thế. Tái lập bằng scripts/measure-vibrance.mts. Hai thanh trượt khác nhau vì một số hạng duy nhất: độ bão hòa nhân lên, nên mức nâng của nó lớn theo đường thẳng cùng với độ bão hòa sẵn có của pixel, còn vibrance cộng thêm một lượng có trọng số s(1-s), đạt đỉnh ở giữa và về không ở cả hai đầu. Ở +50, mức nâng trên một pixel có độ bão hòa 0,10 là +0,050 với độ bão hòa và +0,045 với vibrance; ở 0,50 là +0,250 so với +0,125; và ở 0,90 là +0,100 so với +0,045. Chỉ có điều ở 0,75 và 0,90 thì độ bão hòa đã đụng trần và dừng lại từ lâu, và 304.138 pixel bị bẹt kia chính là chuyện đó. Vậy nên quy tắc thực dụng không phải là vibrance nâng màu nhợt nhiều hơn, vì nó không nâng. Quy tắc là vibrance để yên cho màu rực, và màu rực mới là thứ hỏng trước. Một đính chính thành thật cho điều thường được khẳng định, kể cả trang này cho tới khi kiểm chứng: sắc màu không được giữ nguyên hoàn hảo. Chuyển sang HSL, đổi một kênh rồi chuyển ngược lại sẽ làm tròn về byte nguyên, và những màu gần xám chính là nơi một đơn vị làm tròn hất sắc màu đi xa nhất. Tệ nhất 5,14 độ với vibrance, 10 với độ bão hòa, và ở mức đó thì mắt không thấy. Nhưng đó là số đo, không phải lời khẳng định.