>  기사  >  웹 프론트엔드  >  CSS3에서 색상 값을 표현하는 방법은 무엇입니까

CSS3에서 색상 값을 표현하는 방법은 무엇입니까

WBOY
WBOY원래의
2022-03-25 16:17:162349검색

방법: 1. 영어 단어를 사용하여 색상을 표현합니다. 예를 들어 "red"는 빨간색을 표현합니다. 2. RGB를 사용하여 색상을 표현하며 구문은 "rgb(빨간색 값, 녹색 값, 파란색 값)"입니다. 16진수 사용 HSL을 사용하여 색상을 표현하고 구문은 "#RRGGBB"입니다. 4. HSL을 사용하여 색상을 표현하며 구문은 "hsl(색조, 채도, 밝기)"입니다.

CSS3에서 색상 값을 표현하는 방법은 무엇입니까

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

css3의 색상값을 표현하는 방법은 무엇인가요

1. 색상을 표현하는 영어 단어

 가장 직접적이고 간단한 방법은 색상을 영어 단어로 표현하는 것입니다. 빨간색.

단점: 수천 가지 색상이 있으며 모든 색상에 해당하는 영어 단어가 없으며 사용에 제한이 있습니다.

2. 16진수 색상 표현

16진수 색상 구성 요소는 #RRGGBB이며, 여기서 RR(빨간색), GG(녹색) 및 BB(파란색)는 모든 값이 0에서 FF 사이여야 합니다. 일반인의 관점에서 보면 16진수의 본질은 rgb이고 두 자리마다 색상을 나타냅니다. 각 두 자리의 값이 동일할 경우, 예를 들어 color: #ffcc00은 color: #fc0으로 축약될 수 있습니다.

모든 주요 브라우저는 16진수 색상 값을 지원하며 권장됩니다.

3. RGB는 색상을 나타냅니다.

RGB에서 R은 빨간색, G는 녹색, B는 파란색을 나타냅니다.

  RGB 쓰기: rgb (0,0,0). 값 범위는 0~255이며, 값이 클수록 색상이 어두워집니다. RGB는 숫자 값을 사용하는 것 외에도 백분율을 사용할 수도 있으며 값은 0%에서 100%까지입니다. 예: RGB(0,0,255)와 RGB(0%, 0%, 100%)는 동일한 색상을 나타냅니다.

  일반적인 색상의 RGB 표현. 빨간색: rgb(255,0,0); 흰색: rgb(255,255,255); 검은색: rgb(0,0,0)

모든 주요 브라우저는 RGB 색상 값을 지원합니다.

4. HSL은 색상을 나타냅니다.

  HSL 색상 값은 색상, 채도 및 밝기를 나타냅니다.

 Hue는 색상환의 정도(0~360)입니다. 0(또는 360)은 빨간색, 120은 녹색, 240은 파란색입니다. 채도는 백분율 값이며 0%는 회색 음영을 의미하고 100%는 풀 컬러를 의미합니다. 밝기도 백분율로 표시되며 0%는 검은색, 100%는 흰색입니다.

참고: IE9, Firefox, Chrome, Safari 및 Opera10+는 HSL 색상 값을 지원합니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS3에서 색상 값을 표현하는 방법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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