Tạo sắc độ màu
Tông màu và sắc thái của bất kỳ màu nào.
Token cố định 50–950; 50 sáng nhất, 950 tối nhất và 500 chính xác là màu đầu vào.
Tỷ lệ giao diện? Tính tỉ lệ khung hình · hòa âm: Trình tạo bảng màu · WCAG: Kiểm tra độ tương phản màu.
Tạo bảng màu
Tạo thang hệ thống thiết kế cảm nhận cố định 50–950 hoặc các bước sắc độ sáng/tối tùy chỉnh, rồi sao chép thuộc tính tùy chỉnh CSS hoặc tải JSON.
Câu hỏi thường gặp
Tint và shade là gì?
Tint là biến thể sáng hơn, còn shade là biến thể tối hơn. Công cụ này điều chỉnh độ sáng và chroma theo cảm nhận trong OKLCH thay vì nội suy các kênh sRGB đã mã hóa.
Làm thế nào để sao chép màu?
Nhấp vào mẫu màu bất kỳ để sao chép giá trị HEX. Dùng “Sao chép biến CSS” hoặc “Tải JSON” để xuất toàn bộ thang màu.
Cái này hữu ích cho việc gì?
Tạo bảng màu và thang màu hệ thống thiết kế từ một màu thương hiệu — xuất dưới dạng thuộc tính tùy chỉnh CSS hoặc token kiểu Tailwind.
Cập nhật lần cuối: