Tra cứu class Tailwind theo px value, hex màu hoặc typography — tìm token gần nhất, copy class ngay
Điểm nổi bật
Các điểm đáng chú ý nhất của công cụ này để bạn nắm nhanh trước khi dùng.
Nhập giá trị px bất kỳ và tìm ngay token Tailwind tương ứng, hoặc duyệt toàn bộ bảng spacing.
Nhập mã hex của bạn, công cụ phân tích và trả về màu Tailwind gần nhất trong bảng màu chính thức.
Xem toàn bộ class font-size, font-weight và line-height của Tailwind kèm giá trị CSS tương ứng.
Mỗi tab có thanh tìm kiếm riêng giúp lọc kết quả tức thì mà không cần nhớ tên class chính xác.
Cách sử dụng
Làm theo từng bước để dùng công cụ nhanh và đúng intent ngay từ lần đầu.
Nhập giá trị px vào ô tìm kiếm để lọc ra token spacing phù hợp, hoặc cuộn xem toàn bộ bảng từ space-px đến space-96.
Dán mã hex màu của bạn vào ô tìm kiếm. Công cụ tính khoảng cách màu và hiển thị các Tailwind color gần nhất.
Tìm class chữ theo tên (như "xl", "bold", "tight") hoặc cuộn xem toàn bộ hệ thống typography của Tailwind.
Click vào bất kỳ class nào để copy ngay vào clipboard, sẵn sàng dán vào file template.
Câu hỏi thường gặp
Những câu hỏi gặp nhiều nhất khi dùng công cụ, được trình bày ngắn gọn và dễ quét.