Google 머티리얼 디자인 가이드 라인에서 다음 단락을 이해하려고합니다.
아이콘 및 구분선과 같은 다른 요소도 단색 대신 검정색 의 알파 값을 사용하여 모든 색상의 배경에서 작동하도록 하는 이점이 있습니다 .
이것은 무엇을 의미 하는가? 00 알파 값은 완전히 투명합니다.
Google 머티리얼 디자인 가이드 라인에서 다음 단락을 이해하려고합니다.
아이콘 및 구분선과 같은 다른 요소도 단색 대신 검정색 의 알파 값을 사용하여 모든 색상의 배경에서 작동하도록 하는 이점이 있습니다 .
이것은 무엇을 의미 하는가? 00 알파 값은 완전히 투명합니다.
답변:
전체 내용은 다음과 같습니다.
회색 텍스트, 아이콘 및 구분선에 알파 값 사용
정보의 계층 구조를 전달하기 위해 텍스트에 다른 음영을 사용할 수 있습니다. 흰색 배경에있는 텍스트의 표준 알파 값은 87 % (# 000000)입니다. 시각적 계층 구조에서 낮은 보조 텍스트의 알파 값은 54 % (# 000000) 여야합니다. 텍스트 필드 및 레이블의 텍스트 힌트와 같이 사용자의 텍스트 힌트는 시각적으로 훨씬 낮으며 알파 값은 26 % (# 000000) 여야합니다.
아이콘 및 구분선과 같은 다른 요소도 단색 대신 검은 색의 알파 값을 사용하여 모든 색상의 배경에서 작동하도록하는 이점이 있습니다.
또한 두 가지 예제 이미지가 있습니다.
문제는 "알파 값"이라는 새로운 정의를 사용하는 것 같습니다.
또한, 인용 된 hex-rgb 값이 정확하지 않으며 예제 백분율은 검정색 배경의 흰색 텍스트 예에 대한 것입니다 (텍스트는 값이 흰색 인 검은 색 텍스트임을 나타냅니다).
내가 알 수 있듯이 텍스트와 규칙을 지정할 때 색상 값 외에도 투명도 값을 사용하도록 제안합니다.
아이콘의 경우 항목을 실루엣 화하고 고정 된 색상 매트 와 달리 흰색이 아닌 알파 채널 을 제공하여 모든 가능한 값에 새로운 예술 작품을 제공하지 않고 프로그래밍 방식으로 색상을 변경할 수 있습니다.
TLDNR; 섹션이 잘못 작성되었으며 복사 편집이 필요합니다
알파 값은 RGBA 색상 공간에서 색상의 투명도를 나타내는 데 사용됩니다. 알파 값은 0에서 1로갑니다. 여기서 0은 완전히 투명하고 1은 전혀 투명하지 않습니다.
이것은 "알파 합성"을 가능하게하는데, 즉, 배경 위에 이미지를 배치하고 색상을 결합하여 투명도의 환상을 만드는 과정입니다. 이 색 공간에 대한 자세한 내용은 Google "rgba 색 공간"을 참조 하거나이 Wikipedia 페이지를 방문 하십시오.
RGBA 색상은 일반적으로 4 개의 값으로 표시되며 각 RGB 구성 요소마다 3 개, 알파 값 (예 : (0,0,0,0.5))에 대해서는 마지막 값으로 표시됩니다. 16 진수 RGB 값 앞에 % 값이있는 경우 (예 : 50 % (# 000000))
최소한 참조 된 문서의 범위에서 " alpha value of black "은 RGB 값 (0,0,0)으로 검은 색인 RGBA 공간의 색상을 나타내는 짧은 방법입니다. 100 % 솔리드 블랙 (0,0,0,1)에서 완전히 반투명 블랙 (0,0,0,0)까지 모든 가능한 투명도 값을 통과합니다.
따라서 예를 들어 57 % (# 000000)로 표시되는 57 %의 검은 색 알파 값은 "블랙의 알파 값"이며 알파는 0.57과 같으며 57 %는 불투명합니다.
이 이미지에서 컬러 스타일 문서에 제안 된 "흑백의 알파 값"을 볼 수 있습니다. 나는 "알파 합성"동작을 볼 수 있도록 흰색과 빨간색 위에 배치했습니다.