• 회원가입
  • 로그인
  • 구글아이디로 로그인

[func] CSS - rgb() 함수 - (빨강,녹색,파랑)으로 색상 정의. (= rgb함수 = 알지비함수)

목차
  1. rgb() 예제 - (빨강,녹색,파랑)으로 색상 정의
  2. rgb() 정의
  3. rgb() 구문

 

rgb() 예제 - (빨강,녹색,파랑)으로 색상 정의

 

<style>

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

</style>


<p>홈짱닷컴 Homzzang.com</p>


결과보기

 

rgb() 정의

 

RGB 모델 사용해 색상 정의.

※ Red (빨강) / Green (녹색) / Blue (파랑)

 



1.

각 자리의 숫자는 해당 색의 강도를 의미하며,

각 0 ~ 255 숫자 가능. (0% ~ 100%로 표현 가능)


2.

rgb(255,0,0) : 빨강 (Red)
rgb(0,255,0) : 녹색 (Green)
rgb(0,0,255) : 파랑 (Blue)
rgb(192,192,192) : 회색 (Gray)
rgb(255,255,0) : 노랑 (Yellow)
rgb(255,0,255) : 선홍색 (Cerise)

※ 네이버에서 「색상코드표」키워드로 검색


3.

CSS2

 

4.

주요 브라우저 모두 지원.

 

 

rgb() 구문

 

rgb(red, green, blue)

 


[매개변수]


red

빨강 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)

 

green

녹색 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)


blue

파랑 강도 : 0 ~ 255 정수 (또는, 0% ~ 100% 백분율)




분류 제목
border CSS - border-color 속성 - 테두리색상일괄 (= 테두리색깔일괄 = border-color속성 …
border CSS - border-top 속성 - 테두리상단일괄 (= border-top속성 = 보더탑속성 / 보더톱속…
border CSS - border-right 속성 - 테두리우측일괄 (= 테두리오른쪽일괄 = border-right속성…
border CSS - border-bottom 속성 - 테두리하단일괄 (= border-bottom속성 = 보더바텀속성…
border CSS - border-left 속성 - 테두리좌측일괄 (= 테두리왼쪽일괄 = border-left속성 = …
border CSS - border-top-style 속성 - 테두리상단모양 (= 테두리상단스타일 = border-top…
border CSS - border-top-width 속성 - 테두리상단두께 (= 테두리상단너비 = border-top-…
border CSS - border-top-color 속성 - 테두리상단색상 (= 테두리상단색깔 = border-top-…
border CSS - border-right-style 속성 - 테두리우측모양 (= border-right-style속…
border CSS - border-right-width 속성 - 테두리우측두께 (= 테두리우측너비 = 테두리오른쪽너비 …
border CSS - border-right-color 속성 - 테두리우측색상 (= 테두리오른쪽색상 = 테두리우측색깔…
border CSS - border-bottom-style 속성 - 테두리하단스타일 (= 보더바텀스타일) (상속 X)
border CSS - border-bottom-width 속성 - 테두리하단너비 (= 테두리하단두께 = border-b…
border CSS - border-bottom-color 속성 - 테두리하단색깔 (= 보더바텀컬러속성 = border-…
border CSS - border-left-style 속성 - 테두리좌측모양 (= 테두리왼쪽모양 = border-lef…
border CSS - border-left-width 속성 - 테두리좌측두께 (= 테두리좌측너비 = 테두리왼쪽너비 = …
border CSS - border-left-color 속성 - 테두리좌측색상 (= 테두리좌측색깔 = 테두리왼쪽색상 = …
outline CSS - outline 속성 ★ - 테두리 외곽선 일괄 지정. (= outline속성 = 아웃라인속성)
outline CSS - outline-style (아웃라인스타일) - 테두리 외곽 스타일 (상속 X) : (IE8)
outline CSS - outline-width (아웃라인위드스) - 테두리 외곽 두께 (상속 X) : (IE8)
3/25
목록
찾아주셔서 감사합니다. Since 2012