Làm thế nào để Xác định một Đề án Màu cho Website Squarespace của bạn - núm vú

Khi tìm ra một bảng màu để hướng Squarespace sử dụng cho trang web của bạn, bạn có thể nhanh chóng bị mất trong quá trình kết hợp màu sắc, điều chỉnh các giá trị màu (tối hơn so với nhẹ hơn), và quyết định nơi để bao gồm màu sắc.

Cách tìm mã RGB và hex

Sau khi bạn đã chọn màu sắc bạn muốn sử dụng trên trang web của mình, bạn cần tìm tên màu cụ thể theo một trong hai phương pháp màu được sử dụng trong Squarespace:

< ! --1 ->

• RGB (màu đỏ, xanh lục, xanh dương) là phương pháp màu được sử dụng để hiển thị màu sắc trên màn hình có đèn nền như màn hình máy tính, iPhone hoặc TV. Phạm vi của mỗi màu được đo từ 0 đến 255.

  Nếu cả ba màu được đặt thành 0, màu được trình bày là màu đen. Nếu cả ba được đặt thành 255, màu trắng. Bằng cách thay đổi các giá trị của các con số, bạn có thể tạo ra nguồn cung gần như không giới hạn về màu sắc.

  Ngoài ra, khi phương pháp màu RGB có độ trong suốt, nó được gọi là RGBa. a đại diện cho kênh alpha, điều khiển độ trong suốt của màu trên thang từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn không trong suốt).

• Hexadecimal, hoặc hex, màu sắc là một dạng đơn giản của RGB thường được sử dụng trong thiết kế web.

Mặc dù bạn có thể chắc chắn chỉ cần quan sát màu sắc trong cài đặt bánh xe màu, đôi khi rất hay khi biết chính xác màu bạn muốn sử dụng. Để tìm hiểu thêm về màu web, hãy đọc bài viết Wikipedia đầy đủ.

Vậy làm thế nào để bạn tìm thấy màu sắc mà bạn muốn sử dụng? Nó khá dễ dàng nếu bạn có các công cụ phù hợp trên máy tính của bạn hoặc biết được nơi để tìm kiếm. Dưới đây là danh sách trình chọn màu, ứng dụng bạn có thể sử dụng để tìm chính xác màu sắc được hiển thị trên màn hình máy tính của bạn:

• ColorZilla là trình cắm trình duyệt miễn phí cho Firefox hoặc Chrome.

• ColorSchemerColorPix là một ứng dụng Windows miễn phí.

• xScope là ứng dụng Mac được trả tiền phổ biến với các nhà thiết kế web. Nó có các tính năng khác ngoài một bộ chọn màu mà bạn có thể thấy hữu ích nếu bạn muốn thêm các tính năng thiết kế.

• ColorSchemer là một ứng dụng lựa chọn và thiết kế màu mạnh mẽ có sẵn cho Mac, Windows, iPhone và iPod touch. Ứng dụng này không phải là miễn phí nhưng nó cung cấp khả năng mở rộng để giúp bạn khám phá sự hòa hợp màu sắc, và thậm chí nó có thể đề nghị các đề án màu sắc cho bạn. Nếu bạn có iPhone hoặc iPod touch, hãy kiểm tra ứng dụng ColorSchemer, bởi vì nó khá tiện lợi.

Làm thế nào để nhìn vào mã màu trên Squarespace

Nếu bạn là một chuyên gia về web hoặc những người không ngại đi đào sâu một chút về mã của trang web, bạn có thể xem mã màu trên một trang web bằng cách kiểm tra mã nguồn của trang web.Thực hiện theo các hướng dẫn chung:

1. Nhấp chuột phải vào phần tử chứa màu mà bạn quan tâm.

2. Chọn tùy chọn trong trình đơn bật lên để kiểm tra phần tử.

   Trình duyệt sẽ hiển thị mã bên dưới.

Bởi vì mỗi kiểm tra mã nguồn của trình duyệt hoạt động khác nhau, sau đây là các hướng dẫn cơ bản để kiểm tra các thành phần trong bốn trình duyệt mà Squarespace hỗ trợ cho việc chỉnh sửa trang web của bạn:

• Safari: Kích hoạt thanh trình đơn Developer trong các sở thích của Safari bằng cách chọn Advanced → Hiển thị thanh trình đơn của Nhà phát triển.

• Chrome: Không giống Safari, Chrome đã bật tính năng thành phần kiểm tra, do đó không cần cấu hình.

• Firefox: Firefox, như Chrome, có phần tử kiểm tra cơ bản. Để có nhiều tính năng xem mã nâng cao hơn, bạn cần phải cài đặt Firebug.

• Internet Explorer: Nhấn F12 trên bàn phím để mở Công cụ dành cho nhà phát triển được bao gồm trong trang web của bạn. Nếu nhấn F12 không hoạt động, hãy chọn Tools → Developer Tools.

Mã peeking chỉ hoạt động đối với màu sắc hiển thị bởi trình duyệt, chẳng hạn như màu văn bản và màu nền của các phần tử trang web. Để xác định màu sắc trong một hình ảnh, bạn sẽ cần sử dụng một trong những bộ chọn màu đã đề cập trước đó.