HTML 색상표 찾기

안녕하세요.

티스토리 스킨 편집을 하다 보면 특정 부분의 색상을 바꾸고 싶은 경우가 생기게 됩니다. 그럴 경우 단순히 black, red, blue 등 컬러 이름을 사용하여 HTML 또는 CSS를 편집해도 되지만, 보다 다양한 색상을 사용하기 위해서는 16진수로 구성된 색상표 또는 RGB 코드가 필요로 합니다. 이번 포스팅에서는 HTML 색상표를 쉽게 찾고 사용하는 방법에 대하여 알아보겠습니다.

 

1. 네이버 색상 팔레트 활용

네이버의 색상 팔레트 도구를 활용하여 원하는 색상을 찾을 수 있습니다. 네이버에서 색상 팔레트라고 검색하면 페이지 최상단에 표시됩니다.

 

2. HTML 컬러 코드 사이트 이용

해당 사이트에 접속하시면 컬러 차트, 컬러 픽커 도구를 활용하여 원하는 색상을 찾을 수 있습니다. 구글에서 html color codes infor라고 검색하시면 사이트를 찾을 수 있습니다.

 

3. 크롬 개발자 도구 활용

크롬 개발자 도구를 활용할 경우 최대 장점은 스포이드 도구로 특정한 그림, 배경색의 컬러 코드를 찾아낼 수 있습니다.

개발자 도구에서 선택 도구를 사용하여 변경하고 싶은 컬러의 영역을 선택합니다. 그럼 위의 그림처럼 해당 영역의 CSS 속성 값을 찾아낼 수 있습니다. 이제 붉은색 테두리로 표시된 컬러 박스를 클릭합니다.

붉은색 테두리로 표시된 스포이드 모양의 아이콘(Toggle Color Picker)을 클릭합니다. 그런 다음 원하는 색상이 있는 그림, 배경을 선택하면 선택된 컬러로 컬러코드가 표시됩니다. 

 

행복한 하루 보내세요.

감사합니다.