Ngôn ngữ
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)

Tìm tên màu gần nhất cho bất kỳ mã HEX hay RGB nào. Đối chiếu với bộ màu CSS chuẩn hoặc bộ tên màu mở rộng kèm điểm độ khớp.

Tìm Tên Màu Cho Bất Kỳ Mã HEX Hay RGB Nào

Tìm Tên Màu xác định tên màu gần nhất cho bất kỳ giá trị HEX hay RGB nào bạn nhập. Gõ một mã, dán vào, hoặc chọn một sắc độ bằng bảng chọn màu trực quan, và công cụ lập tức gọi tên màu gần nhất để bạn không còn phải đoán "#FF6347" thật ra là màu gì.

Công cụ này dành cho nhà thiết kế, lập trình viên và bất kỳ ai cần một cái tên dễ đọc thay vì mã màu thô. Chuyển qua lại giữa bộ màu CSS tiêu chuẩn mà mọi trình duyệt đều nhận và bộ tên màu Mở rộng giàu tính mô tả, rồi sao chép kết quả thẳng vào stylesheet, file thiết kế hay tài liệu của bạn.

Riêng tư theo thiết kế: mọi màu đều được đối chiếu ngay trong trình duyệt của bạn. Không có gì bạn nhập vào bị tải lên máy chủ, và các màu gần đây chỉ được lưu trên chính thiết bị của bạn.

Cách Tìm Tên Của Một Màu

1

Nhập màu của bạn

Gõ hoặc dán một mã HEX (#FF5733 hoặc FF5733), nhập giá trị RGB (255, 87, 51 hoặc rgb(255, 87, 51)), hoặc nhấp vào ô xem trước màu để chọn một sắc độ bằng bảng chọn màu trực quan.

2

Chọn bộ tên màu

Chuyển qua lại giữa CSS cho các tên màu tiêu chuẩn được trình duyệt nhận diện và Mở rộng cho những tên màu giàu tính mô tả, sáng tạo hơn. Việc chuyển bộ sẽ đối chiếu lại màu hiện tại của bạn ngay lập tức.

3

Đọc kết quả khớp

Xem tên màu gần nhất đặt cạnh màu của bạn, một điểm độ khớp cho biết màu sát đến mức nào, giá trị Delta E, cùng mã HEX và RGB của màu được khớp.

4

Khám phá và sao chép

Nhấp vào bất kỳ Màu tương tự nào để so sánh các lựa chọn khác, rồi sao chép tên màu, HEX hay RGB chỉ với một cú nhấp để dùng trong CSS, công cụ thiết kế hoặc ghi chú của bạn.

Tính Năng

Hai Bộ Tên Màu

Chuyển qua lại giữa bộ màu CSS tiêu chuẩn hoạt động trên mọi trình duyệt và một bộ tên màu mở rộng giàu tính mô tả, sáng tạo.

Đối Chiếu Màu Bằng Delta E 2000

Việc đối chiếu dùng thuật toán CIEDE2000, chuẩn ngành cho độ khác biệt màu theo cảm nhận, nên kết quả phản ánh đúng cách mắt người thật sự nhìn màu.

Hiển Thị Điểm Độ Khớp Và Delta E

Điểm phần trăm và giá trị Delta E cho thấy chính xác màu khớp sát đến đâu, kèm nhãn màu phân loại khớp tuyệt vời, tốt và khá.

Gợi Ý Các Màu Tương Tự

Xem bốn tên màu thay thế cũng gần với màu bạn nhập, và nhấp vào bất kỳ màu nào để khám phá màu đó cùng chi tiết của nó.

Nhiều Định Dạng Nhập Màu

Nhập màu ở dạng HEX (#FF5733 hoặc FF5733) hoặc RGB (255, 87, 51 hoặc rgb(...)) và công cụ tự động nhận diện định dạng.

Bảng Chọn Màu Trực Quan

Nhấp vào ô xem trước màu để mở bảng chọn màu gốc của trình duyệt, chọn bất kỳ sắc độ nào và thấy ngay tên màu gần nhất của nó.

Sao Chép Chỉ Với Một Cú Nhấp

Sao chép tên màu, giá trị HEX hay RGB chỉ với một cú nhấp và nhận xác nhận ngay rằng nó đã nằm trong bộ nhớ tạm của bạn.

Lịch Sử Màu

Các màu gần đây của bạn được lưu tự động, lên đến 20 màu, để bạn có thể nhấp vào bất kỳ ô màu nào và tra lại chỉ trong vài giây.

Dữ Liệu Của Bạn Luôn Riêng Tư

Mọi phép đối chiếu đều chạy trong trình duyệt của bạn. Các màu không bao giờ bị tải lên, và lịch sử của bạn được lưu cục bộ trên chính thiết bị của bạn.

Câu Hỏi Thường Gặp

Làm sao để tìm tên của một màu từ mã HEX?

Dán hoặc gõ mã HEX (ví dụ #FF6347) vào ô nhập. Công cụ lập tức khớp nó với tên màu gần nhất và hiển thị tên màu, một điểm độ khớp, cùng mã HEX và RGB được khớp để bạn sao chép.

Làm sao để tìm tên màu từ RGB?

Nhập giá trị RGB vào cùng ô nhập đó, viết dưới dạng 255, 87, 51 hoặc rgb(255, 87, 51). Định dạng được nhận diện tự động và tên màu gần nhất xuất hiện ngay.

Delta E là gì và tại sao nó quan trọng?

Delta E (ΔE) đo độ khác biệt theo cảm nhận giữa hai màu. Giá trị 0 nghĩa là chúng giống hệt nhau, dưới 1 thì hầu hết mọi người không nhận ra khác biệt, còn giá trị lớn nghĩa là các màu khác nhau rõ rệt. Công cụ này dùng Delta E 2000 (CIEDE2000), chuẩn chính xác nhất cho cảm nhận màu của con người, nên tên màu bạn nhận được trông thật sự giống màu của bạn.

Khác biệt giữa bộ tên màu CSS và Mở rộng là gì?

Bộ CSS chứa các tên màu tiêu chuẩn hoạt động như từ khóa trong mọi trình duyệt, như Red, Coral và SkyBlue. Bộ Mở rộng bổ sung thêm rất nhiều tên màu mô tả như Dusty Rose, Ocean Blue và Terracotta, rất hợp cho tài liệu thiết kế và đặt tên cho các sắc độ tùy chỉnh.

Tên màu gần nhất chính xác đến mức nào?

Việc đối chiếu dùng thuật toán CIEDE2000, chính chuẩn được dùng trong in ấn, sản xuất và thiết kế. Nó tính đến cách mắt người cảm nhận sự khác biệt màu, nên chính xác hơn nhiều so với phép tính khoảng cách RGB đơn giản.

Vì sao màu của tôi không khớp 100%?

Điểm 100% chỉ xuất hiện khi màu của bạn trùng khớp chính xác với một tên màu trong bộ dữ liệu. Hầu hết các màu tùy chỉnh dừng ở khoảng trên 90%, vốn vẫn cho thấy màu khớp rất sát. Hãy xem danh sách Màu tương tự để kiểm tra liệu có tên màu nào sát với mong muốn của bạn hơn không.

Tôi có thể dùng các tên màu trực tiếp trong CSS không?

Có. Các tên trong bộ dữ liệu CSS là từ khóa màu CSS hợp lệ, nên bạn có thể viết chúng thẳng vào stylesheet, ví dụ color: tomato;. Tên trong bộ Mở rộng dành để tham khảo và làm tài liệu, vì vậy hãy dùng giá trị HEX hoặc RGB của chúng trong code.

Dữ liệu màu của tôi có được lưu hay chia sẻ không?

Không. Mọi phép khớp đều diễn ra hoàn toàn trong trình duyệt của bạn và các màu của bạn không bao giờ bị tải lên đâu cả. Lịch sử màu gần đây chỉ được lưu trong bộ nhớ cục bộ của trình duyệt, và bạn có thể xóa nó bất cứ lúc nào.

Màu của bạn
-
Nhập một màu để tìm tên
-
HEX -
RGB -
Tên màu -
Màu tương tự
Nhập mã HEX (#FF5733) hoặc RGB (255, 87, 51)
Nhấp vào ô xem trước màu để chọn màu trực quan
Chuyển sang bộ Mở rộng để có tên màu mô tả phong phú hơn
Nhấp vào bất kỳ Màu tương tự nào để khám phá lựa chọn khác
Điểm trên 95% cho thấy màu khớp rất sát
Mọi phép đối chiếu đều chạy trong trình duyệt của bạn
Muốn biết thêm? Đọc tài liệu →
1/7
Bắt đầu gõ để tìm kiếm...
Đang tìm kiếm...
Không tìm thấy kết quả
Hãy thử tìm với từ khóa khác