방법: 1. 영어 단어를 사용하여 색상을 표현합니다. 예를 들어 "red"는 빨간색을 표현합니다. 2. RGB를 사용하여 색상을 표현하며 구문은 "rgb(빨간색 값, 녹색 값, 파란색 값)"입니다. 16진수 사용 HSL을 사용하여 색상을 표현하고 구문은 "#RRGGBB"입니다. 4. HSL을 사용하여 색상을 표현하며 구문은 "hsl(색조, 채도, 밝기)"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!