Cách sao chép màu dưới dạng HTML trong Photoshop CS5

Photoshop và thiết kế Web thường đi đôi với nhau, và một trong những yếu tố quan trọng nhất của sự chung sống này là khả năng thể hiện chính xác màu sắc giữa hai nơi. Nhưng bạn có thể thấy rằng bạn có một màu trong hình ảnh mà bạn muốn sử dụng trên trang Web của mình. Cho dù đây là màu chữ, màu nền hay hiệu ứng di chuột, việc sử dụng hiệu quả các màu giống nhau hoặc bổ sung trên một trang Web có thể có tác động lớn. Mặc dù có thể có một số cách xoay vòng để tìm màu trong Photoshop ở định dạng mà bạn có thể sử dụng trên trang Web, nhưng thực sự có một phương pháp đơn giản để xuất thông tin màu dưới dạng HTML.

Hướng dẫn dưới đây của chúng tôi sẽ chỉ cho bạn cách sử dụng Công cụ Eyedropper trong Photoshop để sao chép màu dưới dạng HTML để bạn có thể dán trực tiếp vào một phần tử HTML.

Lấy mã HTML cho màu từ tệp Photoshop

Các bước trong bài viết này sẽ giả định rằng bạn có một màu trong tệp Photoshop và bạn muốn lấy mã HTML cho màu đó để bạn có thể sử dụng nó trên một trang Web. Chúng tôi sẽ chỉ cho bạn công cụ và phương pháp để lấy thông tin này trong Photoshop, sau đó chúng tôi sẽ hiển thị cho bạn đầu ra của thông tin đã sao chép.

Bước 1: Mở tệp của bạn trong Photoshop CS5.

Bước 2: Nhấp vào Công cụ nhỏ giọt nước mắt trong hộp công cụ.

Bước 3: Đặt đầu của Công cụ nhỏ giọt nước mắt trên màu mà bạn cần mã HTML, sau đó nhấp chuột phải vào màu đó và chọn Sao chép màu dưới dạng HTML lựa chọn.

Nếu sau đó bạn dán thông tin, thông tin sẽ được dán theo định dạng như trong hình bên dưới.

Việc xác định lớp nào trong tệp Photoshop của bạn có chứa các đối tượng trở nên khó khăn không? Bài viết này - //www.solveyourtech.com/rename-layer-photoshop-cs5/ - sẽ hướng dẫn bạn cách đổi tên một lớp và giúp xác định dễ dàng hơn.