CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS @charset 규칙 CSS 함수(Function)

CSS rgb() 함수

CSS를 사용할 때, CSS rgb() 함수를 통해 색상 값을 제공할 수 있습니다. 이는 적절한 빨간, 녹색, 파란색 채널을 직접 지정하여 RGB 색상 값을 지정할 수 있게 합니다.

CSS 함수

온라인 예제

RGB 색상 사용하기:

예제

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 강의(oldtoolbag.com)</title>
<style>
#p1　{background-color:rgb(255,0,0);}
#p2　{background-color:rgb(0,255,0);}
#p3　{background-color:rgb(0,0,255);}
#p4　{background-color:rgb(192,192,192);}
#p5　{background-color:rgb(255,255,0);}
#p6　{background-color:rgb(255,0,255);}
</style>
</head>
<body>
<p>RGB 색상:</p>
<p id="p1">빨간색</p>
<p id="p2">녹색</p>
<p id="p3">파란색</p>
<p id="p4">회색</p>
<p id="p5">노란색</p>
<p id="p6">채채색</p>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

rgb() 함수는 빨간(R), 녹색(G), 파란(B) 세 가지 색상의 합성을 통해 다양한 색상을 생성합니다.

RGB는 빨간색, 녹색, 파란색을 의미합니다(영어: Red, Green, Blue).

빨간색(R)0에서 255 간의 정수는 색상의 빨간 부분을 나타냅니다.
녹색(G)0에서 255 간의 정수는 색상의 녹색 부분을 나타냅니다.
파란색(B)0에서 255 간의 정수는 색상의 파란 부분을 나타냅니다.

지원 버전: CSS2

브라우저 호환성

표에서의 숫자는 이 기능을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

기능
rgb()	1.0	4.0	1.0	1.0	3.5

CSS 문법

rgb(red, green, blue)

값	설명
red	빨간색 값을 정의하려면, 범위는 0 ~ 255또한, 0% ~ 100%.
green	녹색 값을 정의하려면, 범위는 0 ~ 255또한, 0% ~ 100%.
blue	파란색 값을 정의하려면, 범위는 0 ~ 255또한, 0% ~ 100%.

CSS 함수

CSS @charset 규칙 CSS 함수(Function)