[css] 텍스트 색 지정(RGB, HEX)

css에는 텍스트색을 지정하는 방법이 3가지 있다.

 

 

색이름

/* css */
h2 {
  color: blue;
}

<!-- html -->
<h2>Hello World!</h2>

색 이름을 그대로 color: 에 적어주는 방법이다. 모든 색 이름을 지원하지는 않는다는 단점이 있다.

 

 

RGB값

/* css */
h3 {
  color: rgb(83, 237, 65);
}

<!-- html -->
<h3>Hello World!</h3>

모든 색을 빨강, 초록, 파랑의 조화로 나타내는 방법이다. 아래 사이트에서 원하는 색을 찾을 수 있다.

https://htmlcolorcodes.com/color-picker/ 

 

 

HEX(16진법)값

/* css */
h3 {
  color: #53ED41;
}

<!-- html -->
<h3>Hello World!</h3>

RGB값을 16진법으로 변환한 값이다. 이것을 색 이름으로 사용할 수 있다.