Thiết kế web: Sử dụng Mã Màu Hexadecimal để Phù hợp Màu sắc - núm vú

Khi bạn chỉ định màu sắc trong mã HTML hoặc CSS trong thiết kế web, bạn không sử dụng số RGB của chúng. Thay vào đó, bạn sử dụng cái gì đó được gọi là mã thập lục phân. Ví dụ: trắng cũ đồng bằng là 255, 255, 255 trong RGB, nhưng nó là #FFFFFF trong mã thập lục phân. Trong mã thập lục phân, hai chữ số đầu tiên xác định màu đỏ, hai chữ số tiếp theo xác định màu xanh lá cây, và hai chữ số cuối xác định màu xanh của hệ thống RGB. Sử dụng ví dụ #FFFFFF, hai chữ số đầu tiên FF bằng 255. Vì vậy, màu này là R = 255, G = 255 và B = 255. Tất cả ba màu sắc ở công suất đầy đủ (255) làm cho màu trắng.

Hãy tưởng tượng rằng bạn đang thiết kế một trang web cho một công ty có một số ít màu sắc công ty mà họ muốn bạn sử dụng trong toàn bộ trang web. Thông thường, các màu này được chỉ định là màu PMS (M M N S

ystem). Vì vậy, làm thế nào để bạn đi từ PMS hoặc RGB vào mã màu hexadecimal?

Thay vì sử dụng bộ giải mã siêu duper để dịch các giá trị màu thành mã thập lục phân và ngược lại, bạn có thể lấy mã trong cả Adobe Photoshop và Adobe Fireworks. (Nếu không, bạn thực sự cần một máy tính thập lục phân đặc biệt, và chúng tồn tại trực tuyến!)

1. Đây là cách sử dụng Adobe Photoshop để tìm số thập lục phân của một màu mẫu, hoặc màu PMS hoặc RGB được biết đến:

2. Khởi chạy Photoshop.

   Chọn File → Open từ thanh trình đơn.

   Điều hướng đến hình ảnh bạn muốn lấy mẫu và mở màu.

   Nếu bạn không có hình ảnh để lấy mẫu và chỉ cần dịch giá trị màu RGB hoặc PMS, bạn không cần phải mở một tệp.

3. Nhấp vào mẫu màu Foreground ở cuối bảng điều khiển Công cụ.

   

4. Một bảng pop-up xuất hiện, cung cấp một bộ chọn màu cho bạn sử dụng, như minh họa dưới đây. Lưu ý rằng con trỏ của bạn sẽ biến thành một eyedropper.

   Di chuyển con trỏ chuột qua hình ảnh của bạn, và nhấp vào màu bạn muốn lấy mẫu.

5. Lưu ý thông số cập nhật thập lục phân trong bộ chọn màu.

6. Chọn và sao chép mã thập lục phân trong Bộ chọn màu trước khi nhấp vào nút OK để thoát, sau đó dán mã vào mã CSS của bạn hoặc vào hướng dẫn kiểu của bạn.

   1. Để dịch màu PMS, hãy thực hiện theo các bước sau:

   2. Nhấp vào nút Thư viện Màu trong Trình chọn màu.

   3. Nhanh chóng gõ số PMS của bạn, nói 375, để xem mẫu màu của bạn xuất hiện.

      Khi bạn tìm đúng trong danh sách, nhấp vào & ldquo; Bộ chọn & rdquo; để trở lại trình chọn màu.

7. Chú ý mã hexadecimal xuất hiện cho màu của bạn; bây giờ bạn có thể sao chép và dán nó như bạn muốn.

Để dịch màu RGB, chỉ cần nhập các giá trị R, G và B trong Bộ chọn màu và xem bản cập nhật số thập lục phân cho phù hợp.