[ CSS ] 속성 ( 색상 )

들어가기

폰트의 색상 값을 적용할 때 사용하는 속성은 color 속성이다.

- color 속성

: 값으로 색상 값을 받는다.

  다양한 형태로 적용될 수 있으며 값의 형태에 따라 선언하는 방식이 다르다.

---

📌 color 속성

폰트이 색상 값을 적용할 때 사용하는 속성

h1 { color:색상 값; }

---

🤍 색상 값 지정 방식

- 컬러 키워드

: CSS 자체에서 사용 가능한 문자 식별자이다.

  red, blue, black 등과 같이 미리 정의되어 있는 키워드를 이용해 색상을 표현한다.

  ( transparent : 투명을 나타내는 키워드 )

 

 - 16진법 ( #RRGGBB )

: 6자리의 16진수는 각각 두 자리씩 세 가지 색상을 나타낸다.

  첫 번째 두 자리는 적색 (RR), 가운데 두 자리는 녹색 (GG), 마지막 두 자리는 청색 (BB)을 의미한다.

  

- 16진법 ( 3자리 ) ( #RGB )

: 6자리의 16진수에서 각각의 두 자리가 같은 값을 가지면 3자리로 축약하여 사용할 수 있다.

  ex) #aa11cc는 #a1c로 축약하여 사용한다.

 

-RGB()

: RGB값은 rgb( R, G, B )의 형태로 각 변수 값 ( R 적색, G 녹색, B 청색 )의 강도를 정의한다.

  0~255의 정수로 된 값을 지정할 수 있으며, 0 -> 255는 검정 -> 흰색으로 값의 변화를 나타낸다.

 

-RGBA()

: RGBA 값은 기존 RGB에서 A값이 추가된 형태이다.

  rgb( R, G, B, A )의 형태로 각 변수는 ( R 적색, G 녹색, B 청색, A 투명도 )의 강도를 정의한다.

  A 값은 0~1사이의 값을 지정할 수 있으며,0.5와 같이 소수점으로 표기한다.

  0 -> 1 = XNAUD -> 불투명으로 값의 변화를 나타낸다.

  ex) rgba( 0,0,0,0 )은 투명한 색상을 가지게 된다.

 

---

01. https://www.boostcourse.org/ 속성-색상 설명

비전공자를 위한 HTML/CSS