Tìm màu CSS được đặt tên gần nhất và sắc thái Tailwind gần nhất cho bất kỳ màu nào — khớp theo cảm nhận, với các giá trị sẵn sàng sao chép.

Màu của bạn
#3B82F6
Màu CSS gần nhất
Sự khác biệt:
Khớp chính xác
Sắc thái Tailwind gần nhất
Sự khác biệt:
Khớp chính xác

Nhập hoặc chọn bất kỳ màu nào và ngay lập tức xem màu CSS được đặt tên gần nhất và sắc thái Tailwind — khớp theo cảm nhận trong trình duyệt.


Giới thiệu về Tìm màu được đặt tên

Công cụ Tìm Tên Màu trả lời một câu hỏi đơn giản: màu này gọi là gì? Nhập hoặc chọn bất kỳ màu nào và nó ngay lập tức trả về tên màu CSS gần nhất, từ danh sách chuẩn mà trình duyệt hiểu, như "steelblue" hoặc "coral", cùng với sắc độ Tailwind gần nhất, chẳng hạn "sky-600".

Việc so khớp mang tính cảm nhận thị giác chứ không chỉ đơn thuần theo số, nên tên được đề xuất thực sự trông giống màu bạn nhập vào thay vì chỉ gần nhau về mặt giá trị RGB thô. Một chỉ báo chênh lệch cho bạn biết liệu kết quả khớp là chính xác, rất gần, hay chỉ là gần đúng, để bạn biết mình đang đánh đổi bao nhiêu độ chính xác để lấy một cái tên dễ nhớ.

Việc tra cứu chạy hoàn toàn trong trình duyệt của bạn với nút sao chép trên mỗi kết quả. Nó hữu ích để viết CSS dễ đọc hơn, đưa các màu thương hiệu tùy ý vào một thang Tailwind, hoặc đơn giản chỉ để biết tên gọi của một màu bạn chọn từ một bức ảnh.

Cách sử dụng Tìm màu được đặt tên

  1. Nhập một giá trị màu hoặc chọn bằng bảng chọn màu; nhấp "Ngẫu nhiên" để khám phá.
  2. Đọc tên màu CSS gần nhất và sắc độ Tailwind gần nhất, hiển thị song song với đầu vào của bạn.
  3. Kiểm tra chỉ báo chênh lệch để xem mỗi kết quả khớp gần đến mức nào.
  4. Nhấp "Sao chép" trên giá trị bạn muốn dùng.

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

Có. Việc so khớp được tính toán cục bộ trong trình duyệt của bạn dựa trên danh sách màu có sẵn, nên việc tra cứu miễn phí, tức thì và không giới hạn.

CSS định nghĩa khoảng 148 màu được đặt tên (147 giá trị duy nhất, vì một số là bí danh của nhau như gray/grey), từ các màu cơ bản như "red" đến những cái tên hiếm gặp như "papayawhip". Mọi trình duyệt đều hiểu chúng, và công cụ này tìm ra cái gần nhất với bất kỳ màu nào bạn nhập.

Công cụ dùng một chỉ số khoảng cách màu theo cảm nhận thị giác thay vì một phép so sánh RGB đơn giản, nên tên được đề xuất phản ánh mức độ giống nhau thực sự của các màu đối với mắt người, đặc biệt quan trọng với các tông trầm và gần xám.

Sắc độ gần nhất từ bảng màu mặc định của Tailwind, được đặt tên theo định dạng quen thuộc sắc độ-cộng-số như "emerald-500". Điều này hữu ích để đưa các màu thiết kế tùy ý về thang của Tailwind, giúp các lớp tiện ích của bạn luôn nhất quán.

Màu bạn nhập vào giống hệt với màu được đặt tên, bạn có thể thay tên đó cho giá trị HEX mà không có bất kỳ thay đổi thị giác nào. Các mức thấp hơn ("Rất gần", "Gần", "Gần đúng") cho thấy một sự chênh lệch tăng dần, dù thường khó nhận thấy bằng mắt.


Tìm kiếm phổ biến
tìm tên màu tên màu css gần nhất tìm tên của màu màu tailwind gần nhất hex sang tên màu nhận diện tên màu
Cần trợ giúp?
Gặp sự cố với công cụ này? Hãy cho đội ngũ của chúng tôi biết.
Báo cáo sự cố

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.