알파 채널을 가진 색상의 16 진수 표현?

StackOverflow https://stackoverflow.com/questions/1419448

  •  07-07-2019
  •  | 
  •  

문제

HEX 형식의 색상 (알파 채널 포함)을 표현하는 방법에 대한 W3 또는 기타 주목할만한 표준이 있습니까?

#RGBA 또는 #ARGB입니까?

도움이 되었습니까?

해결책

CSS 3에서 사양에서 인용하려면 "RGBA 값에 대한 16 진도 표기법이 없습니다"(참조 CSS 레벨 3 사양). 대신, 당신은 decimals 또는 백분율로 RGBA () 기능 표기법을 사용하여 RGBA (255, 0, 0, 0.5)는 50% 투명한 빨간색입니다. RGB 채널은 0-255 또는 0%-100%이고 알파는 0-1입니다.

CSS 4*에서는 8 자리 헥스 색상의 7 번째 및 8 번째 문자 또는 4 자리 헥스 색상의 4 번째 문자를 사용하여 알파 채널을 지정할 수 있습니다 (참조 CSS 레벨 4 사양*)

2019 년 5 월 기준으로> 80%의 사용자가 #RGBA 형식을 이해할 수 있습니다.

  • Firefox는 Firefox 49 이후이 구문을 지원했습니다.모질라 버그 567283).
  • Safari는 Safari 10 이후이 구문을 지원했습니다.
  • Chrome은 Chrome 62 이후이 구문을 지원했습니다. 이전 버전의 경우 실험 웹 기능 이이 구문을 사용할 수 있습니다. 보다 크롬 문제 618472 그리고 Webkit Bug 150853.
  • Android P 또는 Newer를 대상으로하는 Android 앱은이 구문을 사용할 수 있습니다.
  • Opera는 Opera 52 (또는 실험 웹 기능이 활성화 된 경우 Opera 39) 에서이 구문을 지원합니다.
  • IE 11 및 Edgehtml 18 (Edge 44) 은이 구문을 지원하지 않습니다. 크롬 기반 버전의 Edge는이 구문을 지원합니다.

최신 브라우저 지원 정보는 다음과 같습니다 caniuse.com에서 사용할 수 있습니다

*기술적으로 여전히 초안에 있지만 브라우저 지원을 감안할 때 이것은 변경되지 않을 것입니다.

다른 팁

Hex Alpha 형식이없는 것 같습니다. http://www.w3.org/tr/css3-color/

어쨌든, Sass와 같은 CSS 전 처리기를 사용하면 16 진수를 전달할 수 있습니다. rgba: 배경:

rgba(#000, 0.5);

전처리 기는 16 진 코드를 자동으로 RGB로 변환합니다.

공식 표준이 있는지 확실하지 않습니다.

RGBA는 웹 마크로미디아에서 본 진술이며 다른 사람들은 ArgB를 사용합니다.

나는 RGBA가 더 일반적인 표현이라고 생각합니다.

도움이된다면 이것이 CSS3의 W3에서 나온 것입니다
http://www.w3.org/tr/css3-color/#rgba-color

편집하다 (Patrick) : 위의 W3 링크에서 인용

RGB 값과 달리 RGBA 값에 대한 16 진도 표기법이 없습니다.

크롬 52+ 지원합니다 알파 헥스 :

background: #56ff0077;

이전 브라우저의 경우 다음을 사용해야합니다.

background-color: rgba(255, 220, 0, 0.3);

gimp 또는 photo shop의 컬러 피커에 16 진수를 넣어 RGB 값을 얻은 다음 알파 값을 사용해 볼 수 있습니다. 예를 들어. 빨간색입니다 #FF0000 또는 rgb(255,0,0) 알파 값이 .5 인 빨간색을 원한다면 rgba(255,0,0,.5).

어쩌면 당신이 원했던 것이 아니라 희망적으로 도움이 될 수도 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top