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

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




분류 제목
text CSS - text-decoration-line 속성 - 텍스트라인위치종류 (= text-decoration…
text CSS - text-decoration-style 속성 - 텍스트라인모양 (굵은선, 파선, 점선, 물결선 등…
text CSS - text-decoration-color 속성 - 텍스트라인색깔 (= 텍스트데커레이션컬러속성, IE…
css CSS - 반응형 마름모 갤러리 (Responsible Rhomb gallery on grids + clip…
css CSS - 스크롤 따라다니는 양사이드배너 (= 양쪽날개배너 = 사이드고정배너) 3단 레이아웃
css CSS - 이미지반전 (= 이미지좌우반전 = 이미지좌우대칭변환)
table CSS - table-layout 속성 ★★★ - 테이블 셀, 행 및 열을 레이아웃 (= table-layo…
css CSS - 인풋태그 높이통일 (= 동일높이 = 높이동일 = 높이같게 = 세로길이 똑같게 = 높이맞추기) IN…
image CSS - filter 속성 - 이미지필터효과 (= filter속성 = 필터속성) ※ 흑백이미지만들기 ※ 이…
func CSS - clamp() 함수 - 최소값과 최대값 사이의 중간값 반환. (= clamp함수 = 클램프함수)
func CSS - max() 함수 - 최대값 (= max함수 = 맥스함수)
func CSS - min() 함수 - 최소값 (= min함수 = 민함수)
grid CSS - Grid Intro - 그리드 소개 (※ 그리드 관련 속성 개괄)
grid CSS - Grid Container - 그리드 컨테이너
grid CSS - Grid Item - 그리드 아이템
css CSS - 네임펜 (= 형광펜) 효과
css CSS - IE 전용 CSS핵
selector CSS - :has() 가상선택자 - 지정 요소 갖는 모든 요소 선택. (= :has선택자 = 해즈선택자)
css CSS - 화면 비율 유지. (= 요소 종횡비 유지 = 반응형 레이아웃 사이즈/크기)
css CSS - unset 속성값 - 상속값 존재 유무에 따라, inherit・initial 속성값 사용. (= …
15/25
목록
찾아주셔서 감사합니다. Since 2012