Màu sắc & Thiết kế
Công cụ tìm màu Tailwind
Công cụ tìm màu Tailwind miễn phí. Dán bất kỳ màu HEX, RGB hoặc HSL nào và nhận lớp màu Tailwind CSS gần nhất. Dành cho việc di chuyển thiết kế sang Tailwind.
Tailwind ↔ CSS color
Closest Tailwind colors
Ghi chú của biên tập viên
Understanding · Twenty-two hues, eleven steps.
Chương phân tích chuyên sâu này hiện chỉ có sẵn bằng tiếng Anh. Công cụ chuyển đổi ở trên hoạt động bằng ngôn ngữ của bạn; bài viết giải thích dài chưa được dịch.
Các câu hỏi thường gặp
Quick answers.
›Which Tailwind palette is used?
The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
›How is 'closest' calculated?
Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.
›Can I find multiple matches?
Yes — we show the top 3 closest colors so you can pick the best for your design.
›Is the tool free?
Yes — fully free, no signup.
Mọi người cũng tìm kiếm
Công cụ liên quan
More in this room.
- Công cụ chuyển đổi màu (HEX/RGB/HSL/OKLCH)Chuyển HEX, RGB, HSL, OKLCH tức thì.
- Công cụ kiểm tra độ tương phản (WCAG)Kiểm tra độ tương phản WCAG AA/AAA – đạt hoặc không đạt.
- Công cụ chọn màu & bảng màu hình ảnhKéo thả hình ảnh, trích xuất bảng màu.
- Trình giả lập mù màuXem trước bảng màu qua deuteranopia, protanopia và hơn thế nữa.
- Trình tạo GradientGradient CSS tuyến tính, xuyên tâm và hình nón.
- Trình tạo Box ShadowTrình chỉnh sửa box-shadow CSS trực quan.