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

[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% 백분율)




분류 제목
intro CSS - @charset 구문 - 스타일시트 인코딩방식 설정 (= 언어셋지정/문자셋지정 = @charset…
intro CSS - (요소정렬/요소위치/요소이동) CSS 속성 BSET ★★★★★ (= 레이아웃/홈페이지 구조 스타일…
css CSS - (div전체/TD전체/TD셀천체/LI전체)에 링크걸기 (= DIV링크/TD링크/LI링크 = 요소전…
intro CSS - CSS RESET(= CSS리셋 = CSS초기화 = HTML요소초기화)
background CSS - backdrop-filter 속성 - 배경 필터 효과. (= 흐림효과 = 유리효과 = backdr…
공지 CSS - 고급디자인 팁 + 웹디자인 용어 ★★★ [3레벨] 
css CSS - Smooth Scroll (부드러운 스크롤 = 부드럽게이동) ※ 클릭 상하 이동
text CSS - text-fill-color 속성 (비표준) - 텍스트글자색 (= 글자전경색 =text-fill-…
resize CSS - resize 속성 - 사용자의 요소크기 조정권한 지정 (= resize속성 = 리사이즈속성, IE…
func CSS - 함수 종류
func CSS - attr() 함수 - 선택요소의 속성값 반환. (= attr함수 = 어트르함수) ※ 속성값얻기
func CSS - calc() 함수 ★ - 계산 수행해 CSS 속성값 결정. (= calc함수 = 캘크함수) ※ 길…
func CSS - cubic-bezier() 함수 - 이동 속도 변화 (= 입방체 베지에곡선 =cubic-bezie…
func CSS - hsl() 함수 - (색조, 채도, 밝기)로 색상 정의. (= hsl함수 = 에이치에스엘함수/흐슬…
func CSS - hsla() 함수 - (색조, 채도, 밝기, 불투명도)로 색상 정의. (= hsla함수 = 에이치…
gradient CSS - linear-gradient() 함수 ★ - 선형 그레이디언트 배경이미지 (= 선형 그라디언트 …
gradient CSS - radial-gradient() 함수 ★ - 방사형 그레이디언트 배경이미지 (= 방사형 그라디언트…
gradient CSS - repeating-linear-gradient () 함수 - 반복 선형 그레이디언트 ※ 패턴 배경
gradient CSS - repeating-radial-gradient () 함수 - 방사형 그레이디언트 반복 (= 그라디…
func CSS - rgb() 함수 - (빨강,녹색,파랑)으로 색상 정의. (= rgb함수 = 알지비함수)
12/25
목록
찾아주셔서 감사합니다. Since 2012