Công cụ tìm tên màu
Nhập một màu hex, rgb() hoặc hsl() và ngay lập tức tìm tên màu CSS gần nhất, kèm so sánh mẫu màu trực quan và một vài lựa chọn thay thế gần nhất tiếp theo.
🔒 Xử lý cục bộ ngay trên trình duyệt của bạn
Loading…
Cách sử dụng
- Nhập một màu vào ô theo định dạng hex, rgb() hoặc hsl(), hoặc chọn trực quan bằng mẫu màu.
- Tên màu CSS gần nhất sẽ hiện ra ngay lập tức, kèm mẫu màu, tên và mã hex riêng hiển thị bên cạnh màu của bạn.
- Kiểm tra điểm khoảng cách để xem mức độ trùng khớp gần đến đâu — khoảng cách bằng 0 nghĩa là trùng khớp chính xác.
- Cuộn danh sách bên dưới để xem thêm một vài tên màu gần nhất tiếp theo, được xếp hạng từ gần nhất đến xa nhất.
Tính năng
- Chấp nhận định dạng màu hex, rgb() và hsl(), cùng với bộ chọn màu trực quan
- So khớp với toàn bộ 148 tên màu CSS/X11 tiêu chuẩn
- Hiển thị mẫu màu trực tiếp cạnh nhau giữa màu của bạn và tên màu khớp
- Bao gồm điểm khoảng cách dạng số cùng một vài lựa chọn gần nhất tiếp theo
- 100% xử lý phía trình duyệt — màu của bạn không bao giờ rời khỏi trình duyệt
Câu hỏi thường gặp
Việc so khớp tên màu hoạt động như thế nào?
Màu của bạn được chuyển đổi sang RGB, sau đó so sánh với từng tên màu CSS tiêu chuẩn bằng khoảng cách Euclid giữa các giá trị RGB. Tên màu có khoảng cách nhỏ nhất được hiển thị là kết quả khớp gần nhất, các khoảng cách nhỏ tiếp theo được hiển thị làm lựa chọn thay thế.
So khớp với những tên màu nào?
Bộ 148 từ khóa màu CSS/X11 mở rộng tiêu chuẩn được định nghĩa bởi CSS Color Module — cùng những tên mà trình duyệt nhận dạng trong CSS, như "tomato", "slateblue" hoặc "rebeccapurple". Đây là danh sách cố định, quen thuộc, vì vậy chỉ tìm thấy kết quả trùng khớp chính xác khi màu của bạn rơi đúng vào một trong số đó.
Tại sao tên màu hiển thị bằng tiếng Anh dù trang web đang ở ngôn ngữ của tôi?
Những tên như "Tomato" hay "SlateBlue" là từ khóa CSS theo nghĩa đen, không phải văn bản có thể dịch — trình duyệt chỉ hiểu cách viết tiếng Anh trong một stylesheet. Vì lý do đó, chúng được giữ nguyên tiếng Anh ở mọi ngôn ngữ, trong khi phần còn lại của trang xung quanh được dịch đầy đủ.
Điểm khoảng cách có ý nghĩa gì?
Đó là khoảng cách đường thẳng (Euclid) giữa màu của bạn và tên màu trong không gian RGB, trong đó mỗi kênh có giá trị từ 0-255. Khoảng cách bằng 0 là trùng khớp chính xác; khoảng cách tối đa có thể (từ đen sang trắng) là khoảng 441. Số càng nhỏ nghĩa là kết quả khớp về mặt thị giác càng gần.
Công cụ này có lưu trữ hoặc tải màu của tôi lên không?
Không. Mọi việc phân tích, so khớp và tính toán khoảng cách đều diễn ra cục bộ ngay trong trình duyệt của bạn bằng JavaScript thông thường. Không có gì được gửi lên máy chủ hoặc lưu ở bất kỳ đâu.