>  기사  >  웹 프론트엔드  >  CSS의 rgba에는 몇 개의 값이 있습니까?

CSS의 rgba에는 몇 개의 값이 있습니까?

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-05-24 17:57:453919검색

CSS에서 rgba에는 빨간색(R), 녹색(G), 파란색(B), 투명도(A)의 네 가지 값이 있습니다. 채널을 변경하고 서로 추가하면 다양한 색상을 얻을 수 있습니다. RGBA 색상 표준은 인간의 시각으로 인지할 수 있는 거의 모든 색상을 포함하며 현재 가장 널리 사용되는 색상 시스템 중 하나입니다.

CSS의 rgba에는 몇 개의 값이 있습니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

rgba 무슨 뜻인가요?

RGBA: 업계의 색상 표준인 색상 모드는 빨간색(R), 녹색(G), 파란색(B) 및 투명도(A)의 4가지 색상 채널을 변경하는 데에도 사용할 수 있습니다. 그들 사이의 관계를 오버레이하여 다양한 색상을 얻을 수 있습니다. RGBA 색상 표준은 인간의 시각으로 인지할 수 있는 거의 모든 색상을 포함하며 현재 가장 널리 사용되는 색상 시스템 중 하나입니다.

CSS의 rgba에는 몇 개의 값이 있습니까?

CSS에서는 RGBA 표준을 사용하여 색상 값을 설정할 수 있는데, 이를 위해서는 CSS rgba() 함수를 사용해야 합니다. rgba 관련 지식을 알아봅시다.

CSS rgba() 함수

rgba() 함수는 빨간색(R), 녹색(G), 파란색(B), 투명도(A)의 네 가지 색상의 중첩을 사용하여 다양한 색상을 생성합니다.

Syntax

rgba(red, green, blue, alpha)

rgba() 함수에는 4개의 값이 있습니다. 즉:

  • red는 빨간색 값을 정의하고 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.

  • green은 녹색 값을 정의하며 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.

  • blue는 파란색 값을 정의하며 값 범위는 0~255이며 백분율 0%~100%를 사용할 수도 있습니다.

  • 투명도(A)는 0에서 1 사이의 값을 가지며 투명도를 나타냅니다.

예: rgba() 함수를 사용하여 색상 설정

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <style>
      body {
        background: rgba(192, 192, 192);
      }
      #p1 {
        background-color: rgba(255, 255, 255);
      }
      #p2 {
        background-color: rgba(0, 255, 0);
      }
      #p3 {
        background-color: rgba(0, 0, 255);
      }
      #p4 {
        background-color: rgba(0, 0, 0,0.5);
      }
      #p5 {
        background-color: rgba(255, 255, 0);
      }
    </style>
  </head>

  <body>
    <p>RGBA 颜色:</p>
    <p id="p1">白色</p>
    <p id="p2">绿色</p>
    <p id="p3">蓝色</p>
    <p id="p4">黑色</p>
    <p id="p5">黄色</p>
  </body>
</html>

효과:

CSS의 rgba에는 몇 개의 값이 있습니까?

추천 학습: css 비디오 튜토리얼

위 내용은 CSS의 rgba에는 몇 개의 값이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.