Lộ trình tác vụ / từ đầu vào đến kết quả
Cách tạo một thang sắc độ màu
- 01
Đặt màu nền tảng
Nhập một giá trị hex vào Màu nền tảng — #RGB, #RGBA, #RRGGBB và #RRGGBBAA đều dùng được, và trường mở sẵn với #6D5EF8. Màu nền tảng luôn nằm ở giữa thang hoàn chỉnh. Bước tối (%) · Bước sáng (%) · Số bước mỗi bên · Sao chép mọi màu
- 02
Chọn số lượng sắc độ
Đặt Số lượng sắc độ thành một số nguyên từ 3 đến 20 — mặc định là 9. Số lẻ cân bằng đều phía tối và phía sáng quanh màu gốc; số chẵn vẫn đưa màu gốc vào giữa và cho phía sáng thêm một mẫu.
- 03
Tạo dải màu
Nhấn Tạo sắc độ. Bảng màu chạy từ các sắc thái sâu qua màu nền tảng của bạn tới các tông sáng, và mỗi mẫu đều được đánh số kèm nhãn giá trị hex, nên vị trí 1 luôn là bước tối nhất.
- 04
Kiểm tra hành vi pha trộn
Đặt bước làm tối và làm sáng riêng từ 1%–100%. Mỗi màu tiếp theo pha màu gốc thêm một bước về đen hoặc trắng, tối đa 100%; màu cuối có thể đạt đen hoặc trắng. Alpha gốc được giữ nguyên.
- 05
Tải thang mẫu
Nhấn Tải mẫu để tạo bảy sắc độ quanh #0EA5E9 — một lượt chạy tham chiếu hoàn chỉnh bạn có thể xem xét trước khi nhập màu thương hiệu của riêng mình. Đặt lại khôi phục màu nền tảng #6D5EF8 và số lượng 9.
- 06
Sao chép hoặc tải xuống token
Nhấn Sao chép đầu ra để chép một khối :root gồm các custom property --toolars-shade-1 …, hoặc Tải xuống để lưu thành toolars-color-shades.css, sẵn sàng dán vào stylesheet. Mỗi thẻ mẫu màu cũng hiển thị giá trị hex để sao chép lẻ. Xuất kết quả hiện tại. HEX / RGBA / HSL / JSON.