CSS RGB 색상

RGB 값

CSS에서는 다음 공식을 사용하여 RGB 값으로 색상을 지정할 수 있습니다：

rgb(red, green, blue)

각 매개변수 (red、green 또한 blue)는 0에서 255 사이의 색상 강도를 정의합니다。

예를 들어，rgb(255, 0, 0)은 빨간색으로 표시됩니다. 빨간색이 최대 값(255)으로 설정되었고, 다른 색상은 0으로 설정되었습니다.

어둡은색을 표시하려면 모든 색상 매개변수를 0으로 설정하세요：rgb(0, 0, 0)。

밝은색을 표시하려면 모든 색상 매개변수를 255로 설정하세요：rgb(255, 255, 255)。

다음 RGB 값들을 혼합하여 실험해 보세요：

　

RED

255

GREEN

0

BLUE

0

예제

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

직접 시도해 보세요

보통 모든 3개의 소스를 동일한 값으로 사용하여 그레이 셰도우를 정의합니다：

예제

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

직접 시도해 보세요

RGBA 값

RGBA 색상 값은 알파 채널을 가진 RGB 색상 값의 확장입니다 - 불투명도를 지정합니다.

RGBA 색상 값은 다음과 같이 지정됩니다:

rgba(red, green, blue, alpha)

alpha 파라미터는 0.0（완전 투명）과 1.0（완전 불투명）사이의 숫자입니다:

다음 RGBA 값을 혼합하여 실험해 보세요:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

예제

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

직접 시도해 보세요