"흑색의 알파 값"이란 무엇입니까?


11

Google 머티리얼 디자인 가이드 라인에서 다음 단락을 이해하려고합니다.

아이콘 및 구분선과 같은 다른 요소도 단색 대신 검정색알파 값을 사용하여 모든 색상의 배경에서 작동하도록 하는 이점이 있습니다 .

출처

이것은 무엇을 의미 하는가? 00 알파 값은 완전히 투명합니다.


"블랙"은 오타라고 생각합니다. 아니면 적어도 매우 가난하게 말로 의미 "검정에 대한 알파 값"
스콧

예, 맞습니다. 알파 값은 색상의 투명도를 나타냅니다. 값이 00에서 FF로 16 진수에서 00은 완전 투명하고 FF는 단색 / 불투명입니다. Android에서는 16 진수 형식으로 처음 두 문자로 지정합니다. 예를 들어 # FF000000은 검은 색입니다.
Samy S.Rathore

답변:


5

전체 내용은 다음과 같습니다.

회색 텍스트, 아이콘 및 구분선에 알파 값 사용

정보의 계층 구조를 전달하기 위해 텍스트에 다른 음영을 사용할 수 있습니다. 흰색 배경에있는 텍스트의 표준 알파 값은 87 % (# 000000)입니다. 시각적 계층 구조에서 낮은 보조 텍스트의 알파 값은 54 % (# 000000) 여야합니다. 텍스트 필드 및 레이블의 텍스트 힌트와 같이 사용자의 텍스트 힌트는 시각적으로 훨씬 낮으며 알파 값은 26 % (# 000000) 여야합니다.

아이콘 및 구분선과 같은 다른 요소도 단색 대신 검은 색의 알파 값을 사용하여 모든 색상의 배경에서 작동하도록하는 이점이 있습니다.

또한 두 가지 예제 이미지가 있습니다.

문제는 "알파 값"이라는 새로운 정의를 사용하는 것 같습니다.

또한, 인용 된 hex-rgb 값이 정확하지 않으며 예제 백분율은 검정색 배경의 흰색 텍스트 예에 대한 것입니다 (텍스트는 값이 흰색 인 검은 색 텍스트임을 나타냅니다).

내가 알 수 있듯이 텍스트와 규칙을 지정할 때 색상 값 외에도 투명도 값을 사용하도록 제안합니다.

아이콘의 경우 항목을 실루엣 화하고 고정 된 색상 매트 와 달리 흰색이 아닌 알파 채널 제공하여 모든 가능한 값에 새로운 예술 작품을 제공하지 않고 프로그래밍 방식으로 색상을 변경할 수 있습니다.

TLDNR; 섹션이 잘못 작성되었으며 복사 편집이 필요합니다


2
해당 단락 이외의 그림을 보면 예를 들어 26 % (# 000000)가 RGBA (0,0,0,0.26) 또는 "27 %의 불투명도를 가진 검은 색"이라고 말한 것 같습니다. 이미지와 같이 흰색의 밝은 회색으로 나타납니다.
cockypup

@cockypup 이해가 되네요. 나는 여전히 여기에 분명한 문제가 있다고 생각한다. 모든 경우에 검은 색을 사용하고 "오버레이 블렌드 모드"또는 그 본질을 시뮬레이션하는 방법으로 알파 값을 사용하고 있다고 제안 할 수있다
Yorik

1
@ yorik 그것은 내 해석이기도합니다. 그들은 회색보다 검은 색의 알파를 사용하여 색상을 '오버레이'하기를 원합니다.
DA01

@ DA01 : "단색 대신"= 회색뿐만 아니라 모든 색 (?) 모르겠습니다!
Yorik

16

알파 값은 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 %는 불투명합니다.

이 이미지에서 컬러 스타일 문서에 제안 된 "흑백의 알파 값"을 볼 수 있습니다. 나는 "알파 합성"동작을 볼 수 있도록 흰색과 빨간색 위에 배치했습니다.

여기에 이미지 설명을 입력하십시오


당신은 정확하지만 OP가 참조하는 Google 문서를 보면 새로운 알파 값 정의를 사용하는 것으로 보입니다.
Yorik

이것은 "흑백의 알파 값"이 무엇인지 어떻게 대답합니까? 나는 그 용어에 익숙하지 않으며 이것이 IMO를 명확히하지는 않습니다. 블랙 스퀘어의 알파 값은 100 % (1)입니다. 그러나 블랙 알파 값은 무엇입니까? 붉은 광장에 어떻게 알파의 검은 가치를 줄까요?
Ryan

3
좋은 지적. 질문 제목과 본문 끝에있는 질문에 모두 답변하도록 편집되었습니다. 또한 OP가 참조한 문서에 대한 참조를 추가하고 이미지의 예제로 문서의 색상을 사용했습니다.
cockypup

나는 당신이 미스터리 수수께끼의 수수께끼를 깨뜨린 것 같아요
Yorik
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.