Đáng ngạc nhiên là Chrome, Edge, Safari và Firefox thiếu các tùy chọn để thay đổi màu nền của trang web. Thật đáng tiếc vì các tùy chọn thay đổi màu nền trên các trang web có cách phối màu lạ sẽ hữu ích để làm cho văn bản và nội dung trang rõ ràng hơn.
Tuy nhiên, bạn không cần phải dựa vào các nhà thiết kế web để triển khai các phối màu tốt trên trang web của họ. Bạn có thể tự thay đổi màu nền của trang web bằng một số tiện ích mở rộng của trình duyệt. Đây là cách bạn có thể tùy chỉnh màu nền trên các trang web bằng ba tiện ích mở rộng thay thế Chrome, Edge và Firefox.
Cách thay đổi màu nền trên trang web với Stylebot
Stylebot là một trong những tiện ích mở rộng tùy chỉnh màu trang web tốt nhất cho Chrome, Firefox và Edge. Tiện ích mở rộng này cho phép bạn tùy chỉnh màu nền và màu chữ trên trang web để tạo phong cách mới. Bạn có thể áp dụng các xu hướng màu thiết kế web tốt nhất cho các trang web với nhiều cài đặt và tính năng của nó. Hơn nữa, Stylebot còn cho phép bạn tùy chỉnh văn bản trên các trang web có tiện ích mở rộng này.
Để thêm tiện ích mở rộng này vào trình duyệt của bạn, hãy mở trang tải xuống Stylebot dành cho Chrome, Firefox hoặc Edge được liên kết bên dưới. Nhấp vào nó Lấy Hoặc Thêm vào trên trang tải xuống của tiện ích mở rộng để thêm nó vào trình duyệt của bạn. Để ghim tiện ích bổ sung vào thanh công cụ trong Chrome, hãy nhấp vào Tiện ích mở rộng nút, nhấp chuột phải phong cáchvà chọn Ghim.
Bây giờ hãy thử tiện ích mở rộng này bằng cách mở trang video YouTube. Nhấp vào nó phong cách nút thanh công cụ và chọn Mở Stylebot lựa chọn. Sau đó, di chuyển con trỏ lên trên cùng bên trái của trang để tất cả (hoặc hầu hết) trang được tô sáng, rồi bấm nút chuột để chọn thành phần nền đó.
Với yếu tố phông nền chính được chọn, nhấp vào Lý lịch trong thanh bên Stylebot. Sau đó chọn một màu từ bảng màu. Thành phần nền được chọn trên trang web sẽ có màu bạn đã chọn.
Điều quan trọng cần lưu ý về Stylebot là nó cho phép bạn thay đổi màu nền cho các khu vực khác nhau của thành phần trang. Vì vậy, bạn có thể cần phải thay đổi một số thứ để có màu nền nhất quán trên các trang trên một số trang web. Để chọn một yếu tố khác, bạn sẽ phải bấm vào Chọn một thành phần trong trang để tạo kiểu cho nó nút trên thanh bên.
Bạn có thể tùy chỉnh văn bản của một trang web bằng cách nhấn phím Chọn một mục nút và nhấp vào một đoạn văn trên một trang. Sau đó bấm vào Chữ để áp dụng một màu khác cho vùng chọn. Bấm vào Chữ trong thanh bên để hiển thị nhiều tùy chọn tùy chỉnh hơn. Bạn có thể chỉnh sửa văn bản bằng cách chọn các tùy chọn khác trên phông chữ ký tự, Kích cỡVà Phong cách tùy chọn.
Stylebot có phím tắt để kích hoạt và hủy kích hoạt kiểu trang bạn đã áp dụng. nhấn Khác + Thay đổi + J phím tắt để bật/tắt kiểu. Bạn cũng có thể nhấp vào nút thanh công cụ Stylebot và nhấp vào công tắc bật/tắt cho một trang web để bật/tắt kiểu dáng.
Bạn có thể xóa kiểu bằng cách nhấp vào nút của tiện ích mở rộng và chọn Sự lựa chọn. Để làm điều này, bấm vào thời trang bên trái của phong cách lưỡi. Sau đó chọn XÓA BỎ cho kiểu bạn muốn xóa.
Stylebot cũng tích hợp trình chỉnh sửa CSS cho phép người dùng thay đổi bảng màu của trang web bằng mã. Bạn có thể truy cập nó bằng cách nhấp vào được mã hóa ở cuối thanh bên Stylebot. Hướng dẫn thay đổi màu nền bằng CSS của chúng ta sẽ cho bạn biết cách áp dụng các thay đổi màu đó với ngôn ngữ lập trình Cascading Style Sheet.
Để biết thêm chi tiết về cách sử dụng Stylebot, hãy xem hướng dẫn cho phần mở rộng này. Bạn có thể xem hướng dẫn bằng cách nhấp vào Trợ giúp trên tab Stylebot. Cái này Giúp đỡ Tab cung cấp tổng quan về các tính năng của tiện ích mở rộng và phím tắt.
Tải xuống: Stylebot cho Google Chrome | firefox | Bờ rìa (Miễn phí)
Cách thay đổi màu nền trên trang web bằng Color Changer
Color Changer là tiện ích mở rộng đơn giản hơn một chút so với Stylebot mà bạn có thể thay đổi màu nền và màu văn bản trên các trang web. Tuy nhiên, một lưu ý là tiện ích mở rộng này không lưu các thay đổi màu được áp dụng cho các trang web. Tuy nhiên, nó vẫn có thể hữu ích để thay đổi cách phối màu gây mất tập trung trên các trang bạn ít truy cập hơn.
Bạn có thể thêm Color Changer vào Chrome và Edge từ trang được liên kết ở cuối phần này. Sau khi cài đặt tiện ích mở rộng, hãy mở một trang web để dùng thử. Sau đó bấm vào đổi màu nút và Lý lịch lựa chọn; kéo thanh trượt trên Màu đỏ, Màu xanh láVà Màu xanh da trời thanh để thay đổi màu nền của trang.
Bạn có thể thay đổi màu của văn bản trên một trang theo cách tương tự. Nhấp vào nó phông chữ ký tự để làm cho các thanh RGB văn bản xuất hiện. Sau đó, kéo thanh trượt trên các thanh này để thay đổi màu của văn bản trên trang.
Tải xuống: Bộ đổi màu cho Google Chrome | Bờ rìa (Miễn phí)
Cách thay đổi màu nền trên trang web bằng Color Changer
Color Changer là một tiện ích mở rộng của Firefox và Chrome (cũng có sẵn cho Edge) để thay đổi màu nền, văn bản và liên kết trên các trang web. Tiện ích bổ sung này dễ sử dụng hơn Stylebot vì nó cho phép bạn thay đổi màu nền trên trang web mà không cần phải chọn các thành phần trang. Vì vậy, một số người dùng có thể thích sự đơn giản dễ hiểu hơn của Color Changer.
Nhấp vào một trong các liên kết Trình đổi màu của trình duyệt bên dưới để cài đặt tiện ích mở rộng này từ một trong các trang tải xuống của nó. Sau đó, bạn sẽ thấy một đổi màu nút trên thanh công cụ của trình duyệt của bạn hoặc Tiện ích mở rộng thực đơn. Nếu nó trên một Tiện ích mở rộng menu, hãy chọn để ghim tiện ích mở rộng vào thanh công cụ.
Mở công cụ tìm kiếm Google.com trong trình duyệt của bạn, có nền trắng đồng nhất lý tưởng để thử Color Changer. Nhấp vào nó đổi màu để hiển thị các tùy chọn tiện ích mở rộng. nhấn Màu nền cái nút. Sau đó, chọn một trong các màu từ bảng màu của nó để áp dụng cho nền. Kéo thanh trượt để điều chỉnh mức độ tương phản/độ sáng của màu.
Để thử các tùy chọn thay đổi màu văn bản và liên kết, hãy nhập từ khóa vào hộp tìm kiếm của Google và nhấp vào Tìm kiếm. Sau đó, bạn sẽ thấy nhiều liên kết và văn bản để áp dụng thay đổi màu sắc trong kết quả tìm kiếm. Bạn có thể thay đổi màu sắc của chúng giống như màu nền bằng cách nhấp vào Chữ Hoặc Màu sắc liên kết tùy chọn.
Color Changer lưu các thay đổi bạn thực hiện đối với các trang web. Nếu bạn muốn khôi phục bảng màu ban đầu của trang web, hãy mở một trang trên trang web và bỏ chọn Thay đổi màu sắc hộp. Hoặc bạn có thể nhấp vào tiện ích mở rộng Cài lại cái nút.
Tải xuống: Bộ đổi màu cho Google Chrome | Bờ rìa | firefox (Miễn phí)
Áp dụng màu nền tốt hơn cho các trang web trong Chrome, Firefox và Edge
Không phải tất cả các trang web đều có cách phối hợp màu nền và văn bản lý tưởng nhất. Giờ đây, bạn có thể khắc phục xung đột màu trên các trang web được mở bằng Chrome, Firefox và Edge bằng cách thay đổi màu nền và màu văn bản bằng các tiện ích mở rộng trong hướng dẫn này.
Stylebot là phần mềm tiên tiến nhất trong ba phần mềm, nhưng sẽ dễ dàng hơn một chút khi áp dụng các thay đổi màu nền và màu văn bản đầy đủ với các phần mở rộng khác. Ngoài ra còn có các tùy chọn để thay đổi màu sắc của chính trình duyệt của bạn.