Hướng dẫn Tìm mã màu hex trên màn hình máy tính

Màu sắc trong HTML và CSS được định danh bằng mã màu hex. Nếu bạn muốn áp dụng màu từ ảnh, trang web hoặc cửa sổ máy tính vào dự án HTML, hãy tìm mã màu hex tương ứng. Dưới đây là cách sử dụng các công cụ miễn phí để nhanh chóng xác định mã màu hex của bất kỳ màu sắc nào.

Mở Digital Color Meter trên máy Mac. Đây là công cụ có sẵn trên macOS giúp bạn nhận diện giá trị màu của bất kỳ màu sắc nào trên màn hình.

Hướng dẫn Sử dụng Công cụ Nhận diện Màu trên Màn hình

Di chuyển con trỏ đến màu cần nhận diện. Giá trị trong công cụ sẽ cập nhật theo thực tế. Đảm bảo không di chuyển chuột để giữ nguyên giá trị màu.

Nhấn ⌘ Command+L để khóa khẩu độ. Điều này giúp giữ nguyên giá trị màu khi di chuyển chuột.

Nhấn ⇧ Shift+⌘ Command+C để sao chép mã thập lục phân vào bộ nhớ tạm. Bạn cũng có thể sao chép bằng cách nhấp vào trình đơn Màu và chọn Sao chép Màu dưới dạng Chữ.

Nhấn ⌘ Command+V để dán mã đã sao chép. Bạn có thể dán trực tiếp vào mã HTML, văn bản hoặc mọi trường nhập dữ liệu.

Cách cài đặt Color Cop. Đây là công cụ hỗ trợ miễn phí mà bạn có thể sử dụng để nhanh chóng xác định mã hex của màu sắc trên màn hình. Hướng dẫn cài đặt như sau:

• Truy cập vào địa chỉ http://colorcop.net/download qua trình duyệt web.
• Bấm vào tập tin colorcop-setup.exe dưới phần 'self-installing' (tự cài đặt). Nếu tập tin không tự động tải về, bạn có thể bấm vào Save (Lưu) hoặc OK để bắt đầu tải về.
• Bấm đúp vào tập tin đã tải về (thường lưu trong thư mục Downloads và thường ở góc trái dưới của cửa sổ trình duyệt).
• Thực hiện theo hướng dẫn trên màn hình để hoàn thành việc cài đặt.

Mở Color Cop. Bạn sẽ tìm thấy ứng dụng này trong menu Start.

Kéo biểu tượng ống nhỏ giọt đến màu bạn muốn xác định. Bạn có thể xác định bất kỳ màu sắc nào trên màn hình, bao gồm cả màu trong ứng dụng và trang web khác.

Thả nút chuột để xem mã hex. Mã sẽ hiển thị ngay trong ô giữa của ứng dụng.

Nhấp đúp vào mã hex và nhấn Ctrl+C. Hành động này sẽ sao chép mã hex vào bộ nhớ tạm.

Dán mã vào vị trí cần thiết. Sử dụng Ctrl + V để dán mã hex vào bất kỳ nơi nào bạn muốn, ví dụ như trong mã HTML hoặc CSS.

Truy cập https://imagecolorpicker.com trên máy tính, điện thoại hoặc máy tính bảng. Bạn có thể sử dụng công cụ miễn phí này để xác định mã hex của mọi màu trong ảnh đã tải lên. Đây là cách sử dụng áp dụng được trên mọi trình duyệt của Android, iPhone hoặc iPad.

Tải lên ảnh và nhập URL. Bạn có thể chọn tải lên ảnh từ máy tính hoặc sử dụng ảnh từ trang web. Cả hai cách đều cho bạn xem ảnh hoặc trang web để chọn màu.

• Để tải ảnh lên, kéo xuống và chọn Upload your image (Tải ảnh lên), chọn ảnh từ máy tính, điện thoại hoặc máy tính bảng và chọn cách tải lên.
• Để sử dụng trang web, kéo xuống đến phần 'Use this box to get the HTML color code from a website' (Sử dụng ô này để nhận mã HTML từ trang web), nhập URL và nhấp hoặc chạm vào Take website (Lấy website).
• Để chọn ảnh từ một trang thay vì toàn bộ website, nhập URL của ảnh vào 'Use this box to get the HTML color code from a picture via this URL' (Sử dụng ô này để nhận mã HTML của ảnh qua đường dẫn URL này), sau đó nhấp hoặc chạm vào Take image (Lấy ảnh).

Chạm vào màu bạn muốn trong phần xem trước ảnh/trang. Hành động này sẽ hiển thị mã màu hex ở góc trái dưới màn hình.

Chạm vào biểu tượng sao chép để sao chép mã hex vào bộ nhớ tạm. Đó là biểu tượng hai hình vuông chồng lên nhau ở bên phải của mã hex. Bạn có thể dán mã vào bất kỳ văn bản hoặc trường nhập nào.

Mở Firefox trên máy tính Windows hoặc Mac. Trình duyệt Firefox có công cụ Eyedropper miễn phí giúp bạn nhận diện mã hex của mọi màu trên trang web. Nếu bạn sử dụng Firefox, bạn có thể tìm nó trong menu Start (trên Windows) hoặc thư mục Applications (trên macOS).

• Bạn có thể tải Firefox miễn phí tại https://www.mozilla.org/en-US/firefox.
• Firefox chỉ cung cấp mã màu trên trang web. Bạn không thể sử dụng nó ngoài trình duyệt.

Truy cập trang web có màu cần nhận diện. Đảm bảo phần tử mà bạn cần tìm mã màu đang hiển thị trên màn hình.

Nhấp vào biểu tượng ☰ ở phía trên cùng bên phải của Firefox. Đó là biểu tượng ba dấu gạch ngang.

Nhấp vào Web Developer. Một trình đơn khác sẽ xuất hiện.

Nhấp vào Eyedropper. Con trỏ sẽ biến thành hình tròn lớn.

Nhấp vào màu bạn muốn nhận diện. Giá trị thập lục phân của màu sẽ hiển thị ngay khi bạn di chuyển chuột. Khi nhấp chuột, Firefox sẽ sao chép mã hex vào bộ nhớ tạm.

Dán mã tại vị trí cần thiết. Bạn có thể dùng phím tắt Control + V (trên Windows) hoặc Command + V (trên Mac) để dán mã hex vào HTML, CSS hoặc bất kỳ tập tin văn bản nào.

• Có nhiều trang web, tiện ích mở rộng của trình duyệt và phần mềm chỉnh sửa ảnh cho phép bạn sử dụng công cụ chọn màu để xác định mã hex.
• Nếu bạn biết người tạo trang web sử dụng màu bạn muốn, hãy thử hỏi xem họ đã sử dụng mã hex nào. Hoặc, bạn có thể xem mã nguồn của trang web để tìm mã hex ở đó.