Màu sắc được xác định trong HTML và CSS bằng mã thập lục phân của chúng. Nếu bạn đang tạo một trang web hoặc dự án HTML khác và muốn bao gồm một phần tử phù hợp với một màu cụ thể trong hình ảnh, trang web hoặc cửa sổ trên màn hình máy tính của mình, bạn sẽ cần tìm mã hex của màu đó. WikiHow này hướng dẫn bạn cách sử dụng nhiều công cụ miễn phí để nhanh chóng xác định mã hex của bất kỳ màu nào.
Các bước
Phương pháp 1/4: Sử dụng Máy đo màu kỹ thuật số trên máy Mac
Bước 1. Mở Đồng hồ màu kỹ thuật số trên máy Mac của bạn
Công cụ này, đi kèm với macOS, có thể xác định giá trị màu của bất kỳ màu nào trên màn hình. Mở Finder, bấm đúp vào Các ứng dụng thư mục, bấm đúp vào Tiện ích thư mục, rồi bấm đúp vào Máy đo màu kỹ thuật số mở nó ra.
Bước 2. Di chuyển con trỏ chuột đến màu bạn muốn xác định
Khi bạn di chuyển chuột, các giá trị trong công cụ sẽ cập nhật theo thời gian thực. Không di chuyển chuột khỏi vị trí này cho đến khi bạn khóa cả khẩu độ ngang và dọc.
Bạn cũng có thể sử dụng công cụ để xác định màu sắc trên web. Chỉ cần mở Safari (hoặc trình duyệt ưa thích của bạn) và điều hướng đến trang web chứa màu bạn muốn xác định
Bước 3. Nhấn ⌘ Command + L
Điều này khóa cả khẩu độ ngang và dọc, có nghĩa là giá trị màu sẽ không thay đổi khi bạn di chuyển chuột.
Bước 4. Nhấn ⇧ Shift + ⌘ Command + C để sao chép mã hex vào khay nhớ tạm
Bạn cũng có thể sao chép mã hex bằng cách nhấp vào Màu sắc menu và lựa chọn Sao chép màu dưới dạng văn bản.
Bước 5. Nhấn ⌘ Command + V để dán mã đã sao chép
Bạn có thể dán trực tiếp vào mã HTML, tệp văn bản hoặc bất kỳ vùng nhập nào khác.
Bước 6. Nhấn ⌘ Command + L để mở khóa các khẩu độ
Nếu bạn muốn xác định một màu khác, thao tác này sẽ giải phóng khóa để con trỏ một lần nữa hoạt động như một mã định danh giá trị màu.
Phương pháp 2/4: Sử dụng Color Cop cho Windows
Bước 1. Cài đặt Color Cop
Color Cop là một tiện ích nhỏ, miễn phí mà bạn có thể sử dụng để nhanh chóng xác định mã hex của bất kỳ màu nào trên màn hình. Đây là cách tải ứng dụng:
- Truy cập https://colorcop.net/download trong trình duyệt web.
- Nhấp chuột colorcop-setup.exe trong "tự cài đặt." Nếu tệp không tự động tải xuống, hãy nhấp vào Cứu hoặc VÂNG để bắt đầu tải xuống.
- Nhấp đúp vào tệp đã tải xuống (tệp nằm trong Tải xuống thư mục và thường ở góc dưới cùng bên trái của tab trình duyệt).
- Làm theo hướng dẫn trên màn hình để cài đặt ứng dụng.
Bước 2. Mở Color Cop
Bạn sẽ tìm thấy nó trong menu Bắt đầu của mình.
Bước 3. Kéo biểu tượng ống nhỏ mắt đến màu bạn muốn xác định
Bạn có thể xác định bất kỳ màu nào trên màn hình, bao gồm cả những màu trong các ứng dụng khác và trên các trang web.
Bước 4. Nhả nút chuột để hiển thị mã hex
Mã sẽ xuất hiện trong ô trống ở giữa ứng dụng.
Bước 5. Nhấp đúp vào mã hex và nhấn Ctrl + C
Thao tác này sẽ sao chép mã hex vào khay nhớ tạm của bạn.
Bước 6. Dán mã vào nơi bạn cần
Bạn có thể dùng Ctrl + V để dán mã hex vào bất kỳ đâu bạn muốn, chẳng hạn như trong mã HTML hoặc CSS của bạn.
Phương pháp 3/4: Sử dụng Imagecolorpicker.com
Bước 1. Truy cập https://imagecolorpicker.com trên máy tính, điện thoại hoặc máy tính bảng của bạn
Bạn có thể sử dụng công cụ miễn phí này để xác định mã hex của bất kỳ màu nào trong hình ảnh đã tải lên. Phương pháp này sẽ hoạt động trong bất kỳ trình duyệt web nào, bao gồm cả những trình duyệt trên Android, iPhone hoặc iPad của bạn.
Bước 2. Tải lên hình ảnh hoặc nhập URL
Bạn sẽ cần quyết định xem mình muốn tải lên hình ảnh của chính mình hay sử dụng hình ảnh hoặc trang web đã trực tuyến. Có thể sử dụng một trong hai phương pháp để hiển thị ảnh hoặc trang web để bạn chọn màu mong muốn.
- Để tải lên một hình ảnh, hãy cuộn xuống và chọn Tải lên hình ảnh của bạn, điều hướng đến hình ảnh trên máy tính, điện thoại hoặc máy tính bảng của bạn và chọn tùy chọn để tải nó lên.
- Để sử dụng trang web, hãy cuộn xuống tùy chọn "Sử dụng hộp này để lấy mã màu HTML từ trang web", nhập URL, sau đó nhấp hoặc nhấn Tham gia trang web.
- Để chọn hình ảnh trực tiếp trên web thay vì toàn bộ trang web, hãy nhập URL của hình ảnh vào hộp "Sử dụng hộp này để lấy mã màu HTML từ ảnh qua URL này", sau đó nhấp hoặc nhấn Chụp ảnh.
Bước 3. Nhấp hoặc nhấn vào màu bạn muốn trong bản xem trước hình ảnh / trang web
Điều này hiển thị mã hex màu ở góc dưới bên trái của màn hình.
Bước 4. Nhấp hoặc nhấn vào biểu tượng sao chép để sao chép mã hex vào khay nhớ tạm của bạn
Đó là hai hình vuông chồng lên nhau ở bên phải của mã hex. Sau đó, bạn có thể dán nó vào bất kỳ tệp văn bản hoặc khu vực đánh máy nào.
Phương pháp 4/4: Sử dụng Firefox (dành cho Màu trên Web)
Bước 1. Mở Firefox trên PC hoặc Mac của bạn
Trình duyệt web Firefox đi kèm với một công cụ Eyedropper miễn phí mà bạn có thể sử dụng để xác định mã hex của bất kỳ màu nào trên web. Nếu bạn có Firefox, bạn sẽ tìm thấy nó trong menu Bắt đầu (Windows) hoặc trong thư mục Ứng dụng (macOS).
- Bạn có thể tải xuống Firefox miễn phí tại
- Firefox sẽ chỉ cho bạn biết giá trị của một màu trên trang web. Bạn không thể sử dụng nó bên ngoài trình duyệt.
Bước 2. Truy cập một trang web có chứa màu bạn muốn xác định
Đảm bảo rằng phần tử bạn cần màu có trong chế độ xem.
Bước 3. Nhấp vào menu ☰
Đó là ba đường ngang ở góc trên bên phải của Firefox.
Bước 4. Nhấp vào trình đơn Nhà phát triển web
Một menu khác sẽ mở rộng.
Bước 5. Nhấp vào Eyedropper
Con trỏ chuột của bạn sẽ biến thành một vòng tròn lớn.
Bước 6. Nhấp vào màu bạn muốn xác định
Bạn sẽ nhận thấy giá trị hex của các màu cập nhật trực tiếp khi bạn di chuyển chuột đến vị trí. Sau khi bạn nhấp chuột, Firefox sẽ lưu mã hex vào khay nhớ tạm của bạn.
Bước 7. Dán mã vào nơi bạn cần
Bạn có thể dùng Control + V (PC) hoặc Lệnh + V (Mac) để dán mã hex vào HTML, CSS hoặc bất kỳ loại tệp văn bản nào khác của bạn.
Lời khuyên
- Có những trang web, tiện ích mở rộng trình duyệt và chương trình chỉnh sửa hình ảnh khác cũng sẽ cho phép bạn sử dụng công cụ chọn màu để hiển thị mã hex của màu sắc.
- Nếu bạn biết ai đã tạo trang web với màu bạn đang cố gắng khớp, bạn luôn có thể hỏi họ mã hex nào họ đã sử dụng. Ngoài ra, bạn có thể tìm mã nguồn của trang web để tìm mã hex được liệt kê ở đó.