[8주차] 19. HTML, CSS에서 모두 사용 가능한 색 지정 방법

네이버에서 '색상표' 를 검색하면 색상에 따른 RGB 숫자를 알 수 있다.

R, G, B각 색깔별 0~255 숫자의 범위를 가지며,

HTML, CSS 모두 색 지정이 필요할 때, 이 표현 방식을 사용한다.

단, HTML, CSS에서는 각 숫자를 16진수화 한 것을 붙여 사용한다.

 

한가지 예를 들면 아래의 색은 R:152, G: 247, B: 145 이다.

152를 16진수화 하면 98

247을 16진수화 하면 F7

145를 16진수화 하면 91 의 결과가 나오는데

이 수들을 연달아 붙여서 # 과 함께 적어준 것을 HTML, CSS에서 사용한다. #98F791

 

단,  99FF00 이렇게 두 숫자가 연달아 나오게 된다면 #9F0 으로 써줘도 저렇게 인식한다는 것을 알아두자.

아래는 사용예시

<font color="99FF00"> </font>

<font color="9F0"> </font>

<font color="yellow"> </font>