CSS <hex-color> 자료형: 16진수 색 구문
Baseline넓은 지원
모든 주요 브라우저가 지원하는 기능입니다.
CSS <hex-color> 자료형은 sRGB 색공간의 색을 빨강, 초록, 파랑과 투명도 각각 16진수 숫자로 표현합니다.
<color>를 사용할 수 있는 모든 곳에는 <hex-color>를 사용할 수 있습니다.
구문
/* 3개 값 구문 */
#RGB
/* 4개 값 구문 */
#RGBA
/* 6개 값 구문 */
#RRGGBB
/* 8개 값 구문 */
#RRGGBBAA<hex-color> 자료형은 한 개의 #과, 그 뒤를 잇는 3개, 4개, 6개, 또는 8개의 16진수 숫자로 구성됩니다. 대소문자는 구분하지 않습니다.
RR색상의 빨강 성분을 나타내는 16진수 숫자로,
0부터ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의R의 경우 같은 숫자를 복사해서RR과 같이 취급합니다. 예를 들어1은11과 같습니다.GG색상의 초록 성분을 나타내는 16진수 숫자로,
0부터ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의G의 경우 같은 숫자를 복사해서G와 같이 취급합니다. 예를 들어c는cc와 같습니다.BB색상의 파랑 성분을 나타내는 16진수 숫자로,
0부터ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의B의 경우 같은 숫자를 복사해서BB와 같이 취급합니다. 예를 들어9는99와 같습니다.AA색상의 투명도를 나타내는 알파 성분으로,
0부터ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의A의 경우 같은 숫자를 복사해서AA와 같이 취급합니다. 예를 들어e는ee와 같습니다.0또는00은 완전히 투명한 색이고,f또는ff는 완전히 불투명한 색입니다.
명세
브라우저 호환성
| 데스크톱 | 모바일 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| iOS | Android | ||||||||
| Safari | Chrome | Firefox | Safari | Safari WebView | Chrome | Android WebView | Firefox | Samsung Internet | |
RGB hexadecimal notation (#RRGGBB, #RGB, …) | |||||||||
RGBA hexadecimal notation (#RRGGBBAA, #RGBA) | |||||||||