Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Hãy tưởng tượng bạn đang cuộn qua các hình ảnh và bạn tìm thấy màu sắc hoàn hảo - màu chính xác bạn cần cho dự án thiết kế tiếp theo của mình. Có một số công cụ tuyệt vời trên internet để giúp bạn xác định các màu cụ thể trên bất kỳ ứng dụng hoặc trang web nào. Chúng ta hãy xem xét một số lựa chọn tốt nhất cho họ.

1. Sử dụng Công cụ dành cho nhà phát triển trên Trình duyệt web Chrome

Một tùy chọn bạn có thể thử là công cụ Nhà phát triển Chrome. Chrome đi kèm với rất nhiều tính năng hữu ích cho các nhà phát triển, giúp các công việc được thực hiện dễ dàng hơn nhiều. Bạn có thể sử dụng các bước sau để xác định các màu cụ thể trên bất kỳ ứng dụng hoặc trang web nào.

  • Mở trang web mà bạn muốn xác định màu trên trình duyệt web Chrome
  • Nhấp vào biểu tượng ba chấm ở trên cùng bên phải của Chrome. Một cửa sổ bật lên với một loạt các tùy chọn sẽ xuất hiện.
  • Nhấp vào 'Công cụ khác' và sau đó chọn 'Công cụ dành cho nhà phát triển' từ cửa sổ bật lên kết quả.
  • Sử dụng Ctrl + Shift + I nếu bạn muốn bỏ qua các bước trên
  • Bây giờ, cửa sổ chia thành hai màn hình - trang web ở bên trái và mã của trang web ở bên phải
  • Nhập Ctrl + Shift + C trên bàn phím của bạn. Điều này hiển thị cho bạn tất cả các chi tiết của một phần tử cụ thể trên trang web khi chúng tôi di con trỏ chuột vào các phần tử đó.
  • Bạn có thể tìm thấy mã màu của phần tử cùng với các thông tin hữu ích khác.

Thí dụ

Giả sử rằng bạn quan tâm đến các mã màu cụ thể cho một số yếu tố trên trang web sau:

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Bạn có thể chọn các công cụ dành cho nhà phát triển bằng cách nhấp vào dấu ba chấm ở góc màn hình. Trong menu thả xuống, chọn Công cụ khác, sau đó chọn Công cụ dành cho nhà phát triển.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Màn hình sẽ được chia thành hai trang. Bạn sẽ thấy trang web ở bên trái và mã của trang web ở bên phải.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Gõ lệnh và phím tắt “Ctrl + Shift + C” và di con trỏ chuột qua các phần tử của trang web. Điều này sẽ hiển thị màu sắc của phần tử đó, cùng với các thông tin hữu ích khác. Dưới đây là hai ví dụ mà chúng tôi tìm thấy màu của thanh điều hướng và trang tổng quan bên dưới công cụ tìm kiếm.

Tại đây, chúng ta có thể tìm thấy mã màu trên cửa sổ bật lên cho thanh điều hướng. Mã màu là # 333333.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Màu của bảng điều khiển có thể được tìm thấy cùng với các chi tiết hữu ích khác. Màu: # 333333, Màu nền: # 5D4A8E. Mặc dù ban đầu có vẻ hơi đáng sợ nhưng chương trình sẽ trở nên dễ sử dụng hơn nhiều với một chút thực hành.

2. Tiện ích mở rộng Chrome Eye Dropper

Eye Dropper là một tiện ích mở rộng Chrome phổ biến và được sử dụng rộng rãi để giúp bạn tìm thấy một số màu nhất định trên bất kỳ trang web hoặc ứng dụng nào.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Làm theo các bước dưới đây để xác định các màu cụ thể trên trang web hoặc ứng dụng bằng công cụ mở rộng Eye Dropper.

  • Mở bất kỳ trang web hoặc ứng dụng nào trên Trình duyệt web Chrome
  • Nhấp vào biểu tượng tiện ích mở rộng Eye Dropper
  • Chọn 'Chọn màu từ trang web' và di con trỏ chuột vào các phần tử khác nhau trên ứng dụng hoặc trang web.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Bạn có thể tìm thấy mã màu của các phần tử được liệt kê ở dưới cùng bên phải của trang web.

Thí dụ

Được rồi, hãy sử dụng công cụ mở rộng Eyeropper trong một ví dụ thực tế. Chúng ta sẽ bắt đầu bằng cách mở một trang web và nhấn vào biểu tượng tiện ích mở rộng Eye Dropper

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Khi di con trỏ vào các phần tử khác nhau của trang web, bạn có thể thấy các mã màu xuất hiện trong một phần ở dưới cùng bên phải của màn hình.

Cách xác định màu cụ thể trên ứng dụng hoặc trang web

Khi đưa con trỏ vào biểu tượng hình chữ V, tôi có thể thấy mã màu của nó ở cửa sổ dưới cùng như đã đề cập. Ưu điểm của công cụ này là bạn cũng có thể tìm thấy mã RGB cùng với mã màu hex của phần tử. Phương pháp này rất linh hoạt để sử dụng cho những người muốn một cách đơn giản và nhanh chóng để lấy mã cho màu sắc yêu thích của họ.



Leave a Comment

Hướng dẫn nhanh về cách tạo lời nhắc trên Google Home

Hướng dẫn nhanh về cách tạo lời nhắc trên Google Home

Lời nhắc luôn là điểm nổi bật chính của Google Home. Họ chắc chắn làm cho cuộc sống của chúng tôi dễ dàng hơn. Hãy cùng tìm hiểu nhanh về cách tạo lời nhắc trên Google Home để bạn không bao giờ bỏ lỡ việc làm việc vặt quan trọng.

Cách sao chép nội dung từ sách giáo khoa bằng Google Lens

Cách sao chép nội dung từ sách giáo khoa bằng Google Lens

Việc nhập câu trích dẫn yêu thích từ cuốn sách của bạn lên Facebook rất tốn thời gian và có nhiều lỗi. Tìm hiểu cách sử dụng Google Lens để sao chép văn bản từ sách sang thiết bị của bạn.

Sửa lỗi không tìm thấy địa chỉ DNS máy chủ trong Chrome

Sửa lỗi không tìm thấy địa chỉ DNS máy chủ trong Chrome

Đôi khi, khi đang làm việc trên Chrome, bạn không thể truy cập một số trang web nhất định và gặp lỗi “Fix Server DNS address could not be seek in Chrome”. Đây là cách bạn có thể giải quyết vấn đề.

Cách vô hiệu hóa Lời nhắc khôi phục trang trong Microsoft Edge

Cách vô hiệu hóa Lời nhắc khôi phục trang trong Microsoft Edge

Nếu bạn muốn loại bỏ thông báo Khôi phục trang trên Microsoft Edge, chỉ cần đóng trình duyệt hoặc nhấn phím Escape.

Khắc phục: Amazon Prime Video không hoạt động trên Microsoft Edge

Khắc phục: Amazon Prime Video không hoạt động trên Microsoft Edge

Nếu bạn không thể phát video Amazon Prime trên Microsoft Edge, hãy tắt tăng tốc phần cứng trong cài đặt trình duyệt của bạn.

Không thể đăng nhập vào YouTube? Sử dụng các mẹo này để khắc phục sự cố

Không thể đăng nhập vào YouTube? Sử dụng các mẹo này để khắc phục sự cố

Nếu bạn không thể đăng nhập vào YouTube, hãy kiểm tra xem trình duyệt của bạn có phải là nguyên nhân gây ra sự cố này hay không. Để khắc phục, hãy xóa bộ nhớ cache và tắt các tiện ích mở rộng của bạn.

Edge: Mở liên kết từ kết quả tìm kiếm trong tab mới

Edge: Mở liên kết từ kết quả tìm kiếm trong tab mới

Nếu bạn muốn Edge mở các liên kết từ kết quả tìm kiếm trong tab mới, bạn cần điều chỉnh cài đặt công cụ tìm kiếm của mình.

Chuyển các mục ưa thích của Microsoft Edge sang một máy tính khác

Chuyển các mục ưa thích của Microsoft Edge sang một máy tính khác

Nếu bạn đã mua một máy tính mới và bạn muốn chuyển dấu trang MS Edge của mình sang máy mới, bạn có thể sử dụng tùy chọn Đồng bộ hóa.

Sửa lỗi MS Edge: Màn hình video YouTube bị đen

Sửa lỗi MS Edge: Màn hình video YouTube bị đen

Nếu màn hình tiếp tục tối đen khi phát video YouTube trên Edge, hãy xóa bộ nhớ cache, tắt các tiện ích mở rộng của bạn và cập nhật trình duyệt.

Facebook: Đã xảy ra lỗi khi gửi tin nhắn

Facebook: Đã xảy ra lỗi khi gửi tin nhắn

Nếu bạn không thể liên hệ với những người dùng Messenger khác, hãy đảm bảo rằng bạn không vi phạm các quy tắc cộng đồng của Facebook và kiểm tra kết nối của mình.