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


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.