CSS 색상 값

CSS에서 색상 값을 정의하는 방법이 몇 가지 있습니다.

색상 키워드

彩色 키워드는 대소문자를 구분하지 않는 식별자로, 특정 색상을 나타내는 식별자입니다. 예를 들어 red, green, blue, yellow, black 등입니다.

　　h1　{
　　　color: red;
　　}
　　p {
　　　background-color: yellow;
　　}

보기색상 키워드의 전체 목록

투명 색상 키워드

transparent 키워드는 완전 투명한 색상을 나타냅니다.

이 키워드는 투명한 검은색의 약자로 rgba(0,0,0,0)로 간주될 수 있으며, 이는 그 계산 값입니다.

　　h1　{
　　　color: transparent;
　　}
　　p {
　　　background-color: transparent;
　　}

RGB 색상 값

RGB(빨강, 녹색, 파랑) 색상 모델은 CSS에서 색상 값을 정의하는 가장 일반적인 방법입니다. RGB 모델을 사용하여 색상을 두 가지 방식으로 정의할 수 있습니다:

16진수 표기법

16진수 표기법의 RGB 값 #은 그 뒤를 따르는 세 개나 여섯 개의 16진수 문자(0-9의 문자로 구성됩니다.

6자리 기호(#rrggbb)을 사용할 때, 첫 번째 쌍(rr)은 빨강 값, 두 번째 쌍(gg)은绿色发展 값, 마지막 쌍(bb)은 파란 값을 나타냅니다.

　　h1　{
　　　color: #f80;
　　}
　　p {
　　　background-color: #ff8800;
　　}

함수 표기법

함수 표기법에서 RGB 값은: rgb(red, green, blue)로 지정됩니다. 각 매개변수(red, green, blue)은 색상의 강도를 정의하며, 0에서 255 사이의 정수 값을 가질 수 있습니다.255) 또는 0%에서 100% 사이의 백분율 값(예: 50%)100%)

　　h1　{
　　　color: rgb(0,255,255);
　　}
　　p {
　　　background-color: rgb(0%,100%,100%);
　　}

값 0 또는 0％는 특정 색상 값이 존재하지 않는다는 의미이며, 값255、100％와 f 또는 ff는 해당 색상 값이 완전히 존재한다는 의미입니다.

유관 정보를 확인하세요CSS3색상의 튜토리얼을 통해 새로운 기능 기호(예: rgba(), hsl(), hsla())를 사용하여 색상 값을 정의하는 정보를 이해할 수 있습니다.