CSS에 RGBA 색상에 대한 간결한 16진수 표기법이 있습니까?

CSS 16진수 RGBA 표기법

문제: 현재 CSS는 10진수 값을 사용하는 RGBA 색상 표기법을 지원합니다(예: rgba(255, 0, 0) , 0.5)). 부분적으로 투명한 색상을 16진수로 지정하는 더 간결한 방법이 있습니까?

답변:

CSS 색상 모듈 레벨 4(현재 초안 형식)가 예상됩니다. 4자리 및 8자리 16진수 RGBA 표기법에 대한 지원을 도입합니다.

방법 작동

8자리 표기:

• 처음 6자리는 빨간색, 녹색 및 파란색 채널의 16진수 값을 나타냅니다.
• 마지막 2자리는 알파 채널을 나타내며 00은 완전히 투명하고 FF는 완전히 투명합니다. 불투명.

4자리 표기:

• 첫 번째 숫자는 빨간색 채널을 나타냅니다.
• 다음 세 자리는 녹색, 파란색, 알파 채널,

예

8자리 표기법을 사용하면 다음 16진수 색상은 약간 투명한 파란색을 나타냅니다.

#0000ffcc

이는 다음과 같습니다. RGBA 표기법:

rgba(0, 0, 100%, 80%)

브라우저 지원

이 글을 쓰는 시점(2015년 초)에는 #RRGGBBAA 색상 표기를 지원하는 브라우저가 없습니다. 그러나 오늘 바로 사용을 시작하려면 다음 대체 기술을 사용할 수 있습니다.

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;      
}

위 내용은 CSS에 RGBA 색상에 대한 간결한 16진수 표기법이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!