Percent màu trong Android cho thiết kế Vật liệu

Question

Trong spec của Google cho thiết kế tài liệu, tôi thấy màu sắc quy định như tỷ lệ phần trăm:

Để truyền đạt một hệ thống các thông tin, bạn có thể sử dụng sắc thái khác nhau cho văn bản. Giá trị alpha chuẩn cho văn bản trên nền trắng là 87% (# 000000). Văn bản phụ, thấp hơn trong hệ thống phân cấp trực quan, phải có giá trị alpha là 54% (# 000000).

Tôi không hiểu cách tỷ lệ phần trăm này hoạt động. Ví dụ, nếu màu nền là màu trắng, màu của văn bản là gì?

Điều gì sẽ xảy ra nếu nền của tôi được nói # 607D8B. Màu chữ của tôi sẽ là gì? Nó chỉ là màu nền với độ mờ đục (alpha) được đặt thành phần trăm không?

Answer 1

Tỷ lệ dành cho visibility màu

Khi chúng tôi chỉ định bất kỳ màu nào sử dụng định dạng hex:

First 2 digit : visibility 

After 6 digit : RRGGBB 

Vì vậy, ví dụ tính toán là:

(87)% of (100) decimel = 87 % -> convert to (87)% of (256) in hex 222.72 rounding to 223 which is (DF) in hex 

Vì vậy, mã màu của bạn = #DF607D8B - primary

cách tương tự, bất kỳ perentage nên được chuyển đổi sang hex

Bạn có thể kiểm tra bảng: here

Answer 2

màu của bạn (#607D8B) là RGB, trong khi tài liệu tham chiếu đến ARGB (#FF607D8B) và phần trăm đề cập đến kênh alpha. FF là 255 số thập phân. Đối với ép bạn muốn 40% alpha, làm cho 102, phải là 66 trong hex. Vì vậy, các màu ép nên #66607D8B

Answer 3

Tôi đoán đó có nghĩa là nếu bạn sử dụng # 607D8B như màu sắc của bạn sau đó:

dao động: 20% # 607D8B = # 33607D8B

Pressed: 40% # 607D8B = # 66607D8B

, vv

here là bảng với hex alpha giá trị

Ngoài ra nếu bạn wo uld muốn biết giá trị hex RGB của một màu dựa trên giá trị RGBA và màu nền, this trang web có thể giúp bạn.

Answer 4

Kushal của câu trả lời, mặc dù có chứa thông tin tốt, có thể là một chút sai lệch dựa trên bối cảnh của câu hỏi của bạn.

Giá trị alpha chuẩn cho văn bản trên nền trắng là 87% (# 000000).

Văn bản được trích dẫn bạn cung cấp rõ ràng cho biết tỷ lệ phần trăm tham chiếu đến giá trị alpha.

---

Tôi không hiểu cách tỷ lệ phần trăm này hoạt động. Ví dụ, nếu màu nền là màu trắng, màu của văn bản là gì?

Trong ví dụ này nền màu trắng (#FFFFFF) và văn bản màu đen (# 000000). Giá trị alpha của văn bản là 0.87.

---

Nếu nền của tôi được nói là # 607D8B thì sao? Màu chữ của tôi sẽ là gì? Nó chỉ là màu nền với độ mờ đục (alpha) được đặt thành phần trăm không?

Đó sẽ là màu xám xanh, theo ý kiến ​​của tôi sẽ thuộc danh mục "nền tối". Sử dụng văn bản màu trắng ở độ mờ hoàn toàn.

---

chữ opacity
văn bản có thể được hiển thị với mức độ khác nhau của opacity để truyền đạt tầm quan trọng của thông tin nhất định là liên quan đến các thông tin khác. Mức độ mờ đục được sử dụng cho văn bản tùy thuộc vào việc nền của bạn tối hơn hay sáng hơn.

Tham khảo this phần nguyên tắc để biết thêm chi tiết.

Ngoài ra, nếu bạn đang chọn màu của mình từ here, hãy lưu ý phông chữ màu nào họ sử dụng trên đầu trang.