Chỉnh sửa màu sắc

Công cụ này tạo các tints (biến thể sáng hơn) và shades (biến thể tối hơn) của một màu cơ sở bằng cách tiến dần độ sáng HSL của nó về phía 100% và 0% tương ứng. Bạn chọn số bước (5-20) và nhấp vào bất kỳ mẫu nào để sao chép giá trị thập lục phân của nó. Các tints giữ nguyên sắc độ và độ bão hòa đồng thời tăng độ sáng; các shades thì giảm độ sáng.

1. Chọn Màu cơ sở bằng bộ chọn màu hoặc nhập thập lục phân. 2. Đặt thanh trượt Bước từ 5 đến 20. 3. Thẻ Tints hiển thị các biến thể sáng hơn (mỗi biến thể có nhãn giá trị thập lục phân và phần trăm bước); thẻ Shades hiển thị các biến thể tối hơn. 4. Nhấp vào bất kỳ mẫu để sao chép giá trị thập lục phân của nó; biểu tượng dấu kiểm xác nhận việc sao chép.

Màu cơ sở được chuyển đổi sang HSL. Với bước `i` của N, tint đặt `L = baseL + (100 - baseL) * (i / N)` và shade đặt `L = baseL - baseL * (i / N)`, với sắc độ và độ bão hòa giữ nguyên. Nhãn phần trăm là `round((i / N) * 100)`, biểu diễn tiến trình dọc theo dải màu chứ không phải giá trị độ sáng. HSL kết quả được chuyển đổi trở lại RGB rồi thành thập lục phân để hiển thị.