Toolzy

Trình tạo sắc độ Tailwind

Biến một màu gốc thành thang sắc độ 50–900 như Tailwind CSS.

50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861

Chọn màu gốc và nhận thang sắc độ đầy đủ từ 50 đến 900 sẵn sàng dùng trong cấu hình Tailwind. Mỗi ô màu đều sao chép được.

Cách sử dụng

  1. Chọn màu gốc của bạn
  2. Xem thang sắc độ 50–900
  3. Sao chép mã hex của sắc độ bất kỳ

Câu hỏi thường gặp

Các sắc độ được dựng thế nào?
Chúng tôi giữ sắc độ và độ bão hòa của bạn và ánh xạ mỗi bước tới độ sáng mục tiêu.
Bước nào khớp với màu của tôi?
Khoảng 500–600 gần nhất với một màu gốc điển hình.

Công cụ liên quan