Tạo thang màu
Tạo thang màu 50–950 kiểu Tailwind từ một màu.
Chạy trên máy bạn. Dữ liệu bạn dán vào không được tải lên đâu cả.
Có Tạo thang màu và 121 công cụ khác. Miễn phí 7 ngày, không cần tài khoản.
Công cụ này làm gì
Chọn một màu để nhận cả thang màu 50–950 theo kiểu bảng màu của Tailwind. Các sắc độ được tính trong không gian OKLCH nên các bậc sáng tối đều nhau và giữ đúng sắc màu từ bậc nhạt nhất đến đậm nhất. Màu của bạn nằm chính xác ở bậc gần nó nhất.
Bấm vào ô màu để chép, rồi xuất cả thang dưới dạng khối @theme của Tailwind v4, object cấu hình Tailwind v3, biến CSS hoặc JSON, với giá trị OKLCH hoặc hex và tên bạn đặt.
Khi nào bạn cần đến nó
- Tạo thang màu thương hiệu cho dự án Tailwind từ một mã hex.
- Lấy các sắc độ hợp nhau cho trạng thái hover, viền và nền của một màu nút.
- Tạo design token cho một màu nhấn mới.
- Đổi bảng màu sang OKLCH cho theme Tailwind v4.
Cũng hay được tìm bằng
- color
- shades
- tints
- palette
- scale
- tailwind
- 50
- 950
- oklch
- theme
- design tokens