Tạo sắc thái màu
Tạo dải đầy đủ tints và shades từ một màu duy nhất — chọn bước sáng/tối và số lượng sắc thái, rồi sao chép bất kỳ giá trị nào ngay lập tức.
Chọn màu cơ sở, phần trăm bước và số lượng — mọi tint và shade được tính toán ngay lập tức trong trình duyệt.
Giới thiệu về Tạo sắc thái màu
Trình Tạo Sắc Độ Màu mở rộng một màu duy nhất thành một dải đầy đủ các tông sáng và tông tối. Cho công cụ một màu gốc, nó sẽ tạo ra các tông sáng dần ở một phía và tông tối dần ở phía kia, kiểu dải màu cổ điển từ 50 đến 900 được dùng trong các hệ thống thiết kế hiện đại.
Hai tùy chọn định hình kết quả đầu ra: phần trăm bước quyết định mỗi sắc độ sáng hoặc tối hơn bao nhiêu (1–25% mỗi bước), và số lượng quyết định có bao nhiêu tông sáng và tông tối xuất hiện ở mỗi bên của màu gốc, tối đa mười. Một dải gradient xem trước toàn bộ dải màu chỉ trong một cái nhìn.
Việc tạo màu diễn ra ngay lập tức trong trình duyệt của bạn khi bạn gõ, không có gì được gửi tới máy chủ. Sao chép bất kỳ giá trị đơn lẻ nào, toàn bộ danh sách, hoặc cả dải màu dưới dạng biến CSS, sẵn sàng đưa vào tệp design-token hoặc thang màu kiểu Tailwind.
Cách sử dụng Tạo sắc thái màu
- Chọn màu gốc bằng bảng chọn màu hoặc nhập giá trị; nhấp "Màu ngẫu nhiên" để lấy cảm hứng.
- Đặt phần trăm bước để kiểm soát mức độ sáng hoặc tối của mỗi sắc độ.
- Chọn số lượng sắc độ để quyết định có bao nhiêu tông sáng và tông tối xuất hiện ở mỗi bên.
- Nhấp vào một mẫu màu để sao chép, hoặc dùng "Sao chép tất cả" và "Sao chép biến CSS" cho toàn bộ dải màu.