CSS <hex-color> 자료형: 16진수 색 구문

CSS <hex-color> 자료형: 16진수 색 구문

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과 같이 취급합니다. 예를 들어 111과 같습니다.

GG

색상의 초록 성분을 나타내는 16진수 숫자로, 0부터 ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의 G의 경우 같은 숫자를 복사해서 G와 같이 취급합니다. 예를 들어 ccc와 같습니다.

BB

색상의 파랑 성분을 나타내는 16진수 숫자로, 0부터 ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의 B의 경우 같은 숫자를 복사해서 BB와 같이 취급합니다. 예를 들어 999와 같습니다.

AA

색상의 투명도를 나타내는 알파 성분으로, 0부터 ff(255) 사이의 값입니다. 한 글자만 지정한 경우, 즉 3개 또는 4개 값 구문의 A의 경우 같은 숫자를 복사해서 AA와 같이 취급합니다. 예를 들어 eee와 같습니다. 0 또는 00은 완전히 투명한 색이고, f 또는 ff는 완전히 불투명한 색입니다.

명세

브라우저 호환성

MDN browser-compat-data
데스크톱모바일
iOSAndroid
SafariChromeFirefoxSafariChromeFirefoxSamsung Internet
RGB hexadecimal notation (#RRGGBB, #RGB, …)
RGBA hexadecimal notation (#RRGGBBAA, #RGBA)

같이 보기

마지막 수정:

CC BY-SA 4.0 unless otherwise noted. See LICENSE.