Cách lấy mã màu trên trình duyệt Chrome

Đối với những ai làm về mảng đồ họa, họ thường hay tìm kiếm màu sắc mới trên các trang web. Đa số các trang web đều cho phép người dùng sao chép mã màu trực tiếp. Tuy nhiên, cũng có một số trang web không có tính năng này.

Trên trình duyệt Chrome, bạn có thể dễ dàng lấy mã màu ở bất kì trang web nào. Bài viết này sẽ hướng dẫn hai cách để thực hiện.

1. Lấy mã màu thông qua tính năng CSS Overview

Trên Chrome, bạn có thể xem tất cả các mã màu được sử dụng trên một trang web thông qua tính năng CSS Overview. Điều này đồng nghĩa rằng, bạn có thể lấy mã màu mà không cần phải sử dụng các tiện ích. Cách thực hiện như sau:

1Nhấn phím F12 để mở phần kiểm tra trang web. (Hoặc nhấp chuột phải lên trang web và chọn Inspect).

Mở tính năng kiểm tra trang web

2Nhấp vào dấu 3 chấm và chọn More tools > CSS overview.

Mở tính năng CSS Overview trên Chrome

3Nhấn vào Capture overview.

Capute Overview Chrome

4Chuyển sang tab Color (bạn sẽ nhìn thất tất cả mã màu của trang web).

Xem tất cả mã màu trên trang web

5Cuối cùng, hãy bôi đen mã màu muốn lấy và nhấn Ctrl + C.

Lấy mã màu trên Chrome bằng tính năng CSS Overview

2. Lấy mã màu bằng tiện ích ColorZilla

Trên Chrome, có rất nhiều tiện ích mở rộng giúp bạn dễ dàng lấy mã màu trên trang web. Hướng dẫn sau sẽ giúp bạn lấy mã màu bằng tiện ích ColorZilla.

2.1 Cài tiện ích ColorZilla trên Chrome

Đầu tiên hãy cài tiện ích ColorZilla cho Chrome theo các bước sau:

1Mở cửa hàng tiện ích Chrome.

Mở cửa hàng tiện ích mở rộng Google Chrome

2Nhập ColorZilla vào ô tìm kiếm. Sau đó, chọn ColorZilla.

Tìm kiếm tiện ích ColorZilla

3Chọn Thêm vào Chrome.

Cài tiện ích ColorZilla

4Chọn Add extension.

Xác nhận cài tiện ích ColorZilla

2.2 Lấy mã màu trên Chrome bằng tiện ích ColorZilla

Sau khi đã cài đặt tiện ích ColorZilla cho trình duyệt Chrome. Kể từ lúc này, bạn có thể dễ dàng lấy mã màu trên bất kì trang web nào theo hướng dẫn sau:

1Nhấn vào biểu tượng tiện ích mở rộng và chọn ColorZilla.

Chọn tính năng lấy mã màu của ColorZilla

2Chọn Page Color Picker Active.

3Đưa con trỏ đến vị trí mã màu và nhấp chuột trái để chọn. Sau đó, mã màu sẽ được lưu vào Clipboard máy tính, bạn có thể nhấn Ctrl + V để dán ra.

Lấy mã màu trên Chrome bằng tiện ích ColorZilla

Bài viết liên quan được lựa chọn cẩn thận

Cách tắt thông báo Google Chrome

Cách tắt thông báo Google Chrome trên máy tính

Nếu bạn liên tục nhận thông báo từ Google Chrome? …
Đặt Google Chrome làm trình duyệt mặc định

[Video] Cách đặt Google Chrome làm mặc định cho máy tính, điện thoại

Hướng dẫn cách đặt Google Chrome làm trình duyệt mặc …
Những tiện ích mở rộng cho Google Chrome

15 Tiện ích mở rộng hay cho Google Chrome

Đây là danh sách 15+ tiện ích mở rộng hữu …
Bật chế độ tối trên Chrome

Bật/tắt chế độ tối cho Chrome

Hướng dẫn bật chế độ tối (Dark Mode) trên Chrome …
Nguyễn Văn Thoại - Kỹ sư công nghệ thông tin với hơn 8+ năm kinh nghiệm. Anh bắt đầu sử dụng máy tính từ năm 2009, tốt nghiệp ngành Tin học ứng dụng năm 2016. Anh yêu thích công nghệ và đã có hơn 300+ bài viết về công nghệ.