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)
Công Cụ Tìm Tên Màu

Công Cụ Tìm Tên Màu

Tìm tên màu gần nhất cho bất kỳ giá trị HEX hoặc RGB nào. So khớp với 147 màu CSS hoặc hơn 1500 tên màu mở rộng.

Công Cụ Tìm Tên Màu Là Gì?

Công Cụ Tìm Tên Màu giúp bạn xác định tên màu gần nhất cho bất kỳ giá trị màu HEX hoặc RGB nào. Cho dù bạn là nhà thiết kế muốn làm cho code dễ đọc hơn hay là lập trình viên muốn sử dụng tên màu có ý nghĩa, công cụ này sẽ ngay lập tức so khớp màu của bạn với tên màu gần nhất từ các cơ sở dữ liệu toàn diện.

Tại Sao Nên Dùng Tên Màu?

Sử dụng tên màu trong code của bạn mang lại nhiều lợi ích:

Dễ Đọc

"Tomato" dễ hiểu hơn "#FF6347"

Dễ Bảo Trì

Tên màu giúp việc review và cập nhật code đơn giản hơn

Giao Tiếp

Chia sẻ lựa chọn màu với các thành viên không chuyên kỹ thuật

Tương Thích CSS

147 màu CSS chuẩn hoạt động trên mọi trình duyệt

Hai Cơ Sở Dữ Liệu Màu

Chọn từ hai cơ sở dữ liệu màu toàn diện:

Màu CSS

147 Màu Chuẩn

Màu web chuẩn được tất cả trình duyệt hỗ trợ, bao gồm các màu kinh điển như "Red", "Blue", "Coral", và "SkyBlue"

  • Hỗ trợ sẵn trên trình duyệt
  • Sẵn sàng cho production
  • Tương thích toàn cầu
Màu Mở Rộng

Hơn 1500 Tên Mô Tả

Cơ sở dữ liệu toàn diện với các tên mô tả như "Dusty Rose", "Ocean Blue", "Champagne", và "Terracotta"

  • Đặt tên sáng tạo
  • Tài liệu thiết kế
  • Mô tả gợi cảm

So Khớp Màu Chính Xác

Thuật Toán Chuẩn Ngành: Công cụ sử dụng thuật toán Delta E 2000 (CIEDE2000), chuẩn ngành để đo sự khác biệt màu sắc theo nhận thức. Điều này đảm bảo tên màu được khớp thực sự phản ánh cách con người nhận thức màu sắc, không chỉ là sự tương đồng toán học.

CIEDE2000 là công thức đo sự khác biệt màu sắc chính xác nhất hiện có, tính đến sự không đồng đều trong nhận thức màu sắc của con người. Nó được sử dụng trong các ngành in ấn, sản xuất và thiết kế số.

— Ủy Ban Quốc Tế về Chiếu Sáng (CIE)

Cách Sử Dụng Công Cụ Tìm Tên Màu

1

Nhập Màu Của Bạn

Bạn có ba cách để nhập màu:

  • Nhập HEX - Nhập mã HEX như "#FF5733" hoặc "FF5733"
  • Nhập RGB - Nhập giá trị RGB như "255, 87, 51" hoặc "rgb(255, 87, 51)"
  • Dùng Bộ Chọn Màu - Nhấp vào ô xem trước màu để mở bộ chọn màu trực quan
2

Xem Kết Quả Khớp

Công cụ ngay lập tức hiển thị:

  • Tên Màu - Tên màu gần nhất (ví dụ: "Tomato")
  • Điểm Khớp - Phần trăm cho biết mức độ khớp (100% = khớp hoàn toàn)
  • Giá Trị Delta E - Đo lường kỹ thuật về sự khác biệt màu (0 = giống hệt)
  • Giá Trị Màu - Giá trị HEX và RGB của tên màu được khớp
3

Khám Phá Các Lựa Chọn Khác

Bên dưới kết quả khớp tốt nhất, bạn sẽ thấy 4 màu tương tự. Nhấp vào bất kỳ màu nào để xem chi tiết và so sánh các lựa chọn.

4

Sao Chép và Sử Dụng

Nhấp vào nút sao chép bên cạnh bất kỳ giá trị nào (tên, HEX, hoặc RGB) để sao chép vào clipboard. Sử dụng trực tiếp trong CSS, công cụ thiết kế, hoặc tài liệu của bạn.

Mẹo Để Có Kết Quả Tốt Nhất:
  • Sử dụng cơ sở dữ liệu Mở rộng để có tên màu mô tả và sáng tạo hơn
  • Kiểm tra điểm khớp - điểm trên 95% cho thấy kết quả khớp rất gần
  • Màu gần đây của bạn được lưu tự động để truy cập nhanh

Tính Năng

Hai Cơ Sở Dữ Liệu Màu

Chuyển đổi giữa màu CSS chuẩn (147 tên được trình duyệt hỗ trợ) và cơ sở dữ liệu mở rộng với hơn 1500 tên màu mô tả bao gồm màu lấy cảm hứng từ đá quý, thiên nhiên và thực phẩm.

So Khớp Màu Delta E 2000

Sử dụng thuật toán CIEDE2000, chuẩn ngành cho sự khác biệt màu sắc theo nhận thức. Điều này đảm bảo kết quả khớp phản ánh cách con người thực sự nhìn thấy màu sắc, không chỉ là khoảng cách RGB toán học.

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

Xem chính xác mức độ gần của màu bạn với tên màu thông qua điểm phần trăm và giá trị Delta E.

  • Huy hiệu xanh cho kết quả khớp xuất sắc (95%+)
  • Vàng cho kết quả khớp tốt (80-94%)
  • Đỏ cho kết quả khớp khá

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

Xem 4 tên màu thay thế cũng gần với màu bạn nhập. Nhấp vào bất kỳ gợi ý nào để khám phá thêm và tìm tên hoàn hảo cho màu của bạn.

Nhiều Định Dạng Đầu Vào

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

Bộ Chọn Màu Trực Quan

Nhấp vào ô xem trước màu để mở bộ chọn màu trực quan. Chọn bất kỳ màu nào và ngay lập tức xem tên màu khớp gần nhất.

Sao Chép Một Chạm

Sao chép tên màu, giá trị HEX, hoặc giá trị RGB chỉ bằng một cú nhấp. Phản hồi tức thì xác nhận hành động sao chép của bạn.

Lịch Sử Màu

Các tìm kiếm màu gần đây của bạn được tự động lưu (tối đa 20 màu). Nhấp vào bất kỳ màu nào trong lịch sử để tra cứu lại nhanh chóng.

Dữ Liệu Của Bạn Được Bảo Mật

Mọi so khớp màu diễn ra trên trình duyệt của bạn:

  • Không tải lên - Dữ liệu màu không bao giờ rời khỏi thiết bị của bạn
  • Không theo dõi - Chúng tôi không thu thập các tìm kiếm màu của bạn

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

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

Delta E (ΔE) là thước đo sự khác biệt nhận thức giữa hai màu. Delta E bằng 0 có nghĩa là hai màu giống hệt nhau. Giá trị dưới 1 là không thể phân biệt với hầu hết mọi người, 1-2 là hầu như không nhận thấy, và giá trị trên 10 cho thấy màu khác biệt rõ ràng.

Công cụ này sử dụng Delta E 2000 (CIEDE2000), chuẩn chính xác nhất cho nhận thức màu sắc của con người.

ΔE 0-1: Không Thể Phân Biệt Hoàn Hảo
ΔE 1-2: Hầu Như Không Nhận Thấy Xuất Sắc
ΔE 2-10: Nhận Thấy Được Tốt
ΔE 10+: Khác Biệt Rõ Ràng Khá

Sự khác biệt giữa cơ sở dữ liệu CSS và Mở rộng là gì?

Cơ sở dữ liệu CSS chứa 147 màu chuẩn hoạt động trên tất cả trình duyệt web (như "Red", "Coral", "SkyBlue"). Cơ sở dữ liệu Mở rộng bao gồm hơn 1500 màu với tên mô tả hơn như "Dusty Rose", "Ocean Blue", "Champagne", và "Terracotta" - hoàn hảo cho tài liệu thiết kế và dự án sáng tạo.

Tính Năng Màu CSS Màu Mở Rộng
Tổng Số Màu 147 1500+
Hỗ Trợ Trình Duyệt Sẵn có Chỉ Tham Khảo
Dùng Trong CSS Dùng trực tiếp Dùng giá trị HEX/RGB
Tốt Nhất Cho Code production Tài liệu thiết kế

Tại sao màu của tôi không hiển thị khớp 100%?

Khớp 100% chỉ xảy ra khi màu của bạn khớp chính xác với một tên màu trong cơ sở dữ liệu. Hầu hết các màu tùy chỉnh sẽ hiển thị phần trăm cao (90-99%) cho thấy kết quả khớp rất gần. Phần màu tương tự giúp bạn tìm các lựa chọn thay thế có thể gần hơn.

Hiểu Điểm Khớp: Khớp 95%+ có nghĩa là sự khác biệt màu hầu như không thể phân biệt bằng mắt thường. Ngay cả kết quả khớp 85-94% cũng được coi là xuất sắc cho hầu hết mục đích thiết kế.

Tôi có thể dùng tên màu trong CSS không?

Có, tất cả 147 màu trong cơ sở dữ liệu CSS đều là từ khóa màu CSS hợp lệ. Bạn có thể sử dụng chúng trực tiếp trong stylesheet (ví dụ: color: tomato;). Tên trong cơ sở dữ liệu Mở rộng chỉ để tham khảo và tài liệu - hãy dùng giá trị HEX hoặc RGB của chúng trong code.

Ví Dụ Màu CSS Chuẩn
/* CSS Named Colors - Direct Use */
.button {
    background-color: tomato;
    color: white;
    border: 2px solid coral;
}

/* Extended Colors - Use HEX/RGB */
.card {
    background-color: #F5E6D3; /* Champagne */
    color: #2C5F7C; /* Ocean Blue */
}

Độ chính xác của so khớp màu như thế nào?

Công cụ sử dụng thuật toán CIEDE2000, chuẩn ngành cho so khớp màu được dùng trong in ấn, sản xuất và thiết kế. Nó tính đến cách mắt người nhận thức sự khác biệt màu sắc, làm cho nó chính xác hơn các phép tính khoảng cách RGB đơn giản.

Khoảng Cách RGB Đơn Giản

Phương Pháp Toán Học

  • Khoảng cách Euclid cơ bản
  • Bỏ qua nhận thức con người
  • Kết quả kém chính xác
CIEDE2000

Phương Pháp Nhận Thức

  • Thuật toán chuẩn ngành
  • Khớp với nhận thức con người
  • Kết quả rất chính xác

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

Không. Tất cả so khớp màu diễn ra hoàn toàn trên trình duyệt của bạn. Màu của bạn không bao giờ được tải lên bất kỳ máy chủ nào. Lịch sử được lưu cục bộ trên thiết bị của bạn bằng bộ nhớ trình duyệt.

Đảm Bảo Bảo Mật 100%:
  • Mọi xử lý diễn ra phía client trên trình duyệt của bạn
  • Không truyền dữ liệu đến máy chủ bên ngoài
  • Lịch sử chỉ lưu trong bộ nhớ cục bộ trình duyệt
  • Không theo dõi hoặc phân tích các tìm kiếm màu
  • Xóa lịch sử bất cứ lúc nào để loại bỏ tất cả dữ liệu

Tại sao một số màu có tên khác thường?

Cơ sở dữ liệu Mở rộng bao gồm các tên sáng tạo và mô tả từ nhiều nguồn khác nhau bao gồm màu X11, tên lấy cảm hứng từ Pantone, và các thuật ngữ mô tả. Những tên này nhằm gợi cảm và dễ nhớ, giúp các nhà thiết kế truyền đạt màu sắc hiệu quả hơn.

Lấy Cảm Hứng Từ Đá Quý

Ruby, Sapphire, Emerald, Amethyst

Lấy Cảm Hứng Từ Thiên Nhiên

Ocean Blue, Forest Green, Desert Sand

Lấy Cảm Hứng Từ Thực Phẩm

Champagne, Chocolate, Peach, Lavender
Màu của bạn
-
Nhập màu để tìm tên
-
HEX -
RGB -
Tên -
Màu tương tự
Nhập giá trị 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 cơ sở dữ liệu Mở rộng để có hơn 1500 tên màu
Nhấp Màu Tương Tự để khám phá các lựa chọn khác
Mọi so khớp diễn ra ngay trên trình duyệt của bạn
Muốn biết thêm? Đọc tài liệu →
1/6
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