Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Hệ thống màu giao diện người dùng là một tập hợp các biến thể màu được xây dựng từ một màu gốc duy nhất. Nó cung cấp các thang đo từ sáng đến tối nhất quán cho mã thông báo thiết kế, nút, hình nền và màu văn bản.
Chọn màu hạt giống và chọn kiểu (Tailwind hoặc Material). Công cụ này tạo ra bảng màu gồm 10 bước hoàn chỉnh từ sáng (50) đến tối (900), hoàn hảo cho các hệ thống thiết kế.
Mã thông báo thiết kế là gì? Mã thông báo thiết kế là một giá trị được đặt tên để lưu trữ thuộc tính thiết kế như màu sắc, được sử dụng nhất quán trong toàn bộ hệ thống thiết kế.
Tại sao tôi cần 10 sắc thái? Các thành phần UI khác nhau cần mức độ tương phản khác nhau. Thang đo 10 bước mang lại sự linh hoạt cho nền, đường viền, trạng thái di chuột và văn bản.