CSS에서 색상은 무엇을 의미합니까?

색상 속성은 CSS에서 텍스트 또는 배경색을 정의하며 16진수 값, RGB 값, RGBA 값, HTML 색상 이름, HSL 및 HSLA 값, currentColor, 상속, 투명 등의 키워드를 포함하여 다양한 형식으로 지정할 수 있습니다.

CSS에서 색상의 의미

색상 속성은 CSS에서 요소의 텍스트 또는 배경 색상을 정의합니다. 다음을 포함한 다양한 형식으로 지정됩니다.

HEX VALUE

16진수 값은 빨간색, 녹색, 파란색(RGB) 값을 나타내는 파운드 기호(#)로 시작하는 6자리 코드입니다. 예:

<code class="css">color: #0000FF; /* 蓝色 */</code>

RGB 값

RGB 값은 색상의 빨간색, 녹색, 파란색의 강도를 지정하는 괄호 안의 쉼표로 구분된 값 그룹입니다. 각 값은 0에서 255 사이입니다. 예:

<code class="css">color: rgb(0, 0, 255); /* 蓝色 */</code>

RGBA value

색상의 투명도를 나타내는 네 번째 값(알파 채널)을 추가하는 RGB 값의 확장입니다. 알파 채널 값의 범위는 0(투명)부터 1(불투명)까지입니다. 예:

<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */</code>

HTML 색상 이름

CSS는 다음을 포함한 다양한 표준 HTML 색상 이름을 지원합니다.

<code class="css">color: red;
color: green;
color: blue;</code>

HSL 및 HSLA 값 ​​

HSL(색조, 채도, 밝기) 값은 나타냅니다. 색상(0~360°), 채도(0~100%), 밝기(0~100%)를 사용하는 색상입니다. 확장된 HSLA 값에는 네 번째 알파 채널 값이 포함됩니다. 예:

<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>

color 키워드

CSS는 다음을 포함한 일부 특수 키워드도 지원합니다.

• currentColor: 상위 요소의 색상 사용
• inherit: 상위 요소의 색상 상속
• transparent: Transparent

위 내용은 CSS에서 색상은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!