CSS 법적 색상 값

이전 : CSS 색상

다음 : CSS 색상 이름

CSS 색상

CSS의 색상은하기의 방법으로 지정 될 수있다 :

16 진수 색상
RGB 색상
RGBA 색상
HSL 색상
HSLA 색상
소정 / 브라우저 간 색 이름

16 진수 색상

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

구성 요소의 16 진수 색상을 지정됩니다 #RRGGBB가 어디 RR (적색), GG (녹색)와 BB (파란색). 모든 값은 0에서 FF 사이 여야합니다.

<P 예 # 0000FF의 값은 0으로 설정된 최상위 조성물 (FF)의 값 등의 청색, 청색으로 렌더링된다.

예

p
{
background-color:#ff0000;
}

»시도

RGB 색상

RGB 색상 값은 모든 주요 브라우저에서 지원됩니다.

RGB 컬러 값을 지정 : RGB (적색, 녹색, 청색). 각 매개 변수의 밝기 (적색, 녹색, 청색) 색 정의는 0과 255 사이의 정수, 또는 백분율 값 (0 % 내지 100 %) 사이 일 수있다.

청색 파라미터 다른 0으로 설정하면서 높은 값 (255)에 설정되어 있기 때문에 예를 들어, RGB (0, 0, 255)의 값은 청색으로 렌더링된다.

또한, 같은 색의 다음 값이 정의된다 : RGB (0, 0, 255), RGB (0 %, 0 %, 100 %).

예

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

»시도

RGBA 색상

RGBA 색상 값은 IE9, Firefox3 +, 크롬, 사파리, 그리고 Opera10 +를 지원한다.

지정된 객체의 투명도 - RGBA 색상 값은 알파 채널을 연장 RGB 컬러 값이다.

RGBA 색상 값 지정 : RGBA (적, 녹, 청, 알파). 알파 매개 변수는 0.0 (완전 투명)과 1.0 (완전 불투명) 매개 변수 사이의 숫자입니다.

예

p
{
background-color:rgba(255,0,0,0.5);
}

»시도

HSL 색상

IE9, 파이어 폭스, 크롬, 사파리, 오페라 10 +. 지원 HSL 색상 값.

사용 색 원통 좌표 - 색조, 채도 및 밝기의 HSL 대표.

HSL 색 값 지정 : HSL (색상, 채도, 밝기).

색조는 (0-360)에서 컬러 휠에도 -0 (또는 360) 적색 120 녹색, 240 파란색입니다. 0 %, 평균 회색 그림자의 100 %, 전체 색상, 채도 비율입니다. 밝기는 비율이며, 0 %는 검은 색, 100 % 흰색입니다.

예

p
{
background-color:hsl(120,65%,75%);
}

»시도

HSLA 색상

HSLA 색상 값은 IE9, Firefox3 +, 크롬, 사파리, 그리고 Opera10 +. 지원합니다.

지정된 객체의 투명도 - HSLA 색상 값은 알파 채널 HSL 색 값의 확장이다.

HSLA 색상 값을 지정 HSLA (색상, 채도, 밝기, α)는, α는 불투명도 알파 파라미터의 정의이다. 알파 매개 변수는 0.0 (완전 투명)과 1.0 (완전 불투명) 매개 변수 사이의 숫자입니다.

예

p
{
background-color:hsla(120,65%,75%,0.3);
}

»시도

소정 / 브라우저 간 색 이름

(147)는 HTML과 CSS 색상 지정 미리 정의 된 색 이름입니다. 당신은 우리의 볼 수있는 미리 정의 된 색 이름 테이블을 .