Tạo bảng màu đầy đủ từ sắc độ 50 đến 950 và xuất cấu hình tailwind.config.js
Hệ sinh thái Tailwind CSS sử dụng thang sắc độ màu tiêu chuẩn gồm 10 mức (từ 50 đến 950) để đảm bảo tính nhất quán về mặt thị giác trên toàn bộ giao diện ứng dụng. Khi doanh nghiệp muốn áp dụng màu sắc thương hiệu vào Tailwind, việc tính toán thủ công các sắc thái màu sáng hơn (tint) và tối hơn (shade) thường tạo ra các màu bị đục hoặc mất độ rực rỡ.
Công cụ này áp dụng không gian màu OKLCH / HSL hiện đại để phân bổ đều độ sáng (Perceptual Luminance) và độ bão hòa, tạo ra dải sắc thái màu cân đối hoàn hảo từ mức 50 (nhạt nhất) đến 950 (đậm nhất), đồng thời sinh sẵn đoạn mã cấu hình JavaScript để bạn dán ngay vào tailwind.config.js.
Phân bổ độ sáng OKLCH: L_i = L_base + (Target_L_i - L_base) × Hệ_Số | Giữ nguyên góc sắc thái (Hue)
Màu cơ sở được chuyển đổi sang không gian màu tri giác OKLCH. Các sắc thái từ 50 đến 400 được nội suy độ sáng tăng dần về phía màu trắng, trong khi các sắc thái từ 600 đến 950 được giảm độ sáng về phía màu đen.
theme.extend.colors trong tệp tailwind.config.js.