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.
- 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
Các sắc thái dưới màu gốc được pha về phía đen và các tông trên nó về phía trắng, nhưng sự pha trộn không bao giờ đi quá 78% đường tới một trong hai cực. Các bước cuối vẫn giữ sắc độ và dùng được thay vì sụp thành gần đen hay gần trắng.
- 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ẻ.