Tailwind CSS Color Finder

Giao diện công cụ

Lớp Tailwind gần nhất

—

—

Tại sao cần tìm màu Tailwind tương ứng?

Hệ thống màu sắc của Tailwind CSS

Tailwind CSS không sử dụng các mã màu HEX ngẫu nhiên. Thay vào đó, nó cung cấp một bảng màu tinh chỉnh (ví dụ: blue-500). Khi bạn nhận được một thiết kế với mã HEX cụ thể, việc tìm ra màu Tailwind gần giống nhất giúp code của bạn sạch hơn và tuân thủ đúng Design System.

Cách công cụ này hoạt động

Công cụ này tính toán khoảng cách màu sắc (Delta E) giữa mã HEX bạn nhập và toàn bộ bảng màu mặc định của Tailwind. Kết quả trả về là lớp màu có độ tương đồng cao nhất, giúp bạn áp dụng vào class HTML ngay lập tức.