Firefox: Cách xác định màu cụ thể trong trang web

Nếu bạn là một nhà thiết kế, bạn có thể chú ý đến thiết kế của những thứ bạn sử dụng, tìm kiếm cảm hứng hoặc ý tưởng mà bạn muốn áp dụng. Các trang web không có gì khác biệt và một trong những phần quan trọng của thiết kế trang web là sử dụng màu sắc. Nếu bạn phát hiện ra một trang web có màu sắc hoàn hảo cho một dự án mà bạn đang thực hiện hoặc đang suy nghĩ, thì có thể bạn sẽ muốn tìm ra chính xác màu đó là màu gì. Mặc dù bạn có thể chụp ảnh màn hình, mở nó trong trình chỉnh sửa hình ảnh và sau đó xem xét các giá trị RGB, quá trình này diễn ra chậm. Firefox thực sự có một công cụ chọn màu được tích hợp sẵn để bạn có thể tiết kiệm thời gian và nhận được giá trị chính xác ở định dạng màu HTML thập lục phân được sử dụng trên web.

Cách sử dụng công cụ chọn màu

Bộ chọn màu của Firefox có thể được tìm thấy trong thanh công cụ dành cho nhà phát triển. Để truy cập nó, hãy nhấp vào biểu tượng menu bánh mì kẹp thịt ở góc trên cùng bên phải, sau đó nhấp vào “Nhà phát triển web” có thể được tìm thấy thứ tư từ dưới cùng.

Nhấp vào biểu tượng menu bánh mì kẹp thịt ở góc trên cùng bên phải, sau đó nhấp vào “Nhà phát triển web”.

Trong danh sách các công cụ dành cho nhà phát triển web, hãy nhấp vào “Eyedropper” và công cụ Eyeropper sẽ mở ra.

Mẹo: Không thể di chuyển công cụ kẻ mắt qua các tab hoặc cửa sổ, vì vậy hãy đảm bảo bạn mở nó trong tab bạn muốn sử dụng. Bạn cũng sẽ không thể cuộn trang, vì vậy hãy đảm bảo rằng bạn đang ở đúng vị trí trên trang. Mặc dù về mặt kỹ thuật, bạn có thể phóng to và thu nhỏ, nhưng điều này sẽ khiến tâm của bộ chọn màu bị phá vỡ, khiến việc sử dụng chính xác khó hơn nhiều.

Trong danh sách các công cụ dành cho nhà phát triển web, hãy chọn “Eyedropper”.

Công cụ kẻ mắt sẽ theo con chuột của bạn qua cửa sổ, vì vậy hãy di chuyển hình vuông được đánh dấu ở giữa lên trên màu bạn muốn chọn. Mức thu phóng đủ chính xác để cho phép bạn dễ dàng xem và chọn màu của một pixel cụ thể.

Mã màu HTML của pixel được hiển thị trong hộp nhỏ bên dưới công cụ thu phóng nhưng cũng sẽ được sao chép vào khay nhớ tạm nếu bạn nhấp vào màu bạn thích. Chỉ cần lưu ý rằng việc nhấp chuột sẽ đóng bộ chọn màu, buộc bạn phải mở lại nó nếu bạn muốn chọn nhiều màu.

Di chuyển chuột qua pixel cụ thể mà bạn thích màu, sau đó ghi lại mã màu HTML hoặc nhấp để sao chép nó vào khay nhớ tạm.