🟩 Cài đặt màu và HSB
Trong Liberation, màu sắc được định nghĩa bằng HSB thay vì RGB. Có thể bạn chưa quen với cách này, nhưng khi đã dùng quen, tôi thấy đây là một hệ thống trực quan hơn nhiều.
HSB - Hue, Saturation và Brightness
Hue
Hue của màu có giá trị từ 0 đến 255. 0 là màu đỏ, và khi tăng giá trị, bạn sẽ đi qua mọi sắc độ trong cầu vồng: cam, vàng, lục, cyan, lam, tím, magenta, rồi quay lại đỏ tại 255.
Vì đây là một vòng lặp, bạn có thể dùng sóng tam giác để chạy qua toàn bộ các màu.
Saturation
Cài đặt này điều chỉnh độ bão hòa, tức độ rực của màu. Nói cách khác, màu đó nhiều màu đến mức nào, với giá trị từ 0 đến 255. Đặt Saturation là 0 để có các sắc xám, và 255 để có màu cầu vồng đầy đủ. Các giá trị ở giữa sẽ cho màu pastel nhạt hơn.
Brightness
Có lẽ đây là phần dễ hiểu nhất: 0 là đen hoàn toàn, 255 là độ sáng tối đa.
Ví dụ sử dụng
Vòng lặp cầu vồng :
Đặt Brightness và Saturation thành 255. Kết nối bộ dao động Sawtooth vào cổng Hue, rồi điều chỉnh phạm vi của nó từ 0 đến 255.
Độ sáng nhấp nháy theo nhịp :
Kết nối bộ dao động Sawtooth vào cổng Brightness, rồi điều chỉnh phạm vi của nó từ 255 đến 0. Bạn có thể tiếp tục điều chỉnh clamp min và clamp max để kiểm tra thời lượng thay đổi. Sau đó dùng các hàm easing để tinh chỉnh animation hơn nữa.
Nháy mạnh / strobe :
Chọn một màu bằng Hue và Saturation hoặc bằng cách nhấp vào bộ chọn màu. Kết nối bộ dao động Square Wave vào cổng Brightness, rồi điều chỉnh phạm vi của nó từ 255 đến 0.
Chạy qua một dải Hue tùy chỉnh :
Đặt Brightness và Saturation thành 255. Kết nối bộ dao động Triangle Wave vào cổng Hue, rồi điều chỉnh phạm vi của nó:
- để chuyển từ lam sang cyan, dùng phạm vi 70 đến 128
- để chuyển từ đỏ sang vàng, dùng phạm vi 0 đến 40
- để chuyển từ đỏ sang magenta, dùng phạm vi 255 đến 220