Bảng màu chuyển sắc

Bảng màu chuyển sắc đi từng bước đều từ màu tối nhất đến sáng nhất. Đây là điểm khởi đầu trực tiếp cho CSS `linear-gradient` hoặc thang màu của hệ thống thiết kế.

Bảng màu mẫu

500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC

Mã hex sẵn sàng để sao chép

Một thang màu có thứ tự

Khác với các cách phối khác, thứ tự ở đây rất quan trọng. Mỗi màu là một bước giữa hai đầu, tạo cơ sở lý tưởng để đặt tên token (100, 200, 300…) và giữ mức chênh lệch tương phản giữa các bậc có thể dự đoán.

Dùng ngay trong CSS

Xuất bảng màu dưới dạng biến CSS hoặc cấu hình Tailwind, rồi dùng hai đầu cho dải chuyển sắc và các bậc giữa cho nền, đường viền, trạng thái. LFColors tạo cả hai định dạng chỉ bằng một cú nhấp.

Tạo bảng màu chuyển sắc của tôi

Miễn phí, không đăng ký

Các cách phối màu khác