html 색상표 코드 쉽게 확인하는법

안녕하세요~ IT관련 다양한 지식을 소개해 드리는 IT레시피 입니다^^ 평소 웹디자인이나 편집 관련 일을 하시는 분들은 html 색상표 코드 를 확인하셔야 하는 경우가 있습니다 물론 저같은 경우에도 홈페이지를 만들거나 원하는 색상을 넣고 싶을때 색상표를 참고하곤 하는데요 물론 포토샵 같은 전문 편집 프로그램에서 확인하는 방법도 있지만 더욱 간편하게 찾을 수 있도록 관련 기능을 제공해주는 곳도 많이 있습니다~

혹시 모르셨던 분들은 html 색상표 코드 찾는곳을 여러군데 소개 해드릴테니 자신에게 맞는 곳으로 이용해 보시면 많은 도움이 되실것 같습니다~

네이버 색상표 확인 방법(글자색 확인할때)

우선 네이버에서 이용하는 방법입니다 네이버검색창에 HTML 색상표 라고만 검색하셔도 위 그림과 같이 팔레트 기능을 이용할 수 있습니다 물론 일반적으로 html 글자 색상에서 제공하는 색상을 보여주기 때문에 색상이 어느정도 제한적일 수 있는데요 좀더 다양한 색상을 원하시는 분들은 아래 방법을 이용해주시면 되겠습니다 ^^

---

고급버전 color code 확인 하는곳

초보자들뿐 아니라 전문가들도 자주 이용하는 html 색상표 참고사이트 입니다 색상 코드 뿐아니라 RGB 값도 확인할 수 있습니다 본래의 색상에서 명도나 채도값을 다르게 해준 색도 알아볼 수 있으니 매우 유용하겠죠 ㅎㅎ

위 사이트로 접속 해보시면 HTML Color Codes 사이트가 뜨는데요 스크롤을 하단으로 조금 내려보시면 HTML Color Picker 라고 해서 다양한 색상의 코드값들을 직접 선택해서 확인해볼 수 있습니다 하단에서 원하시는 색상을 선택해주시면 상단에 채도와 명도가 달라진 값을 세분화해서 골라줄 수 있는 것이죠 ㅎㅎ 개인적으로 photoshop 프로그램을 자주 사용하기 때문에 아래 있는 Link 버튼을 눌러서 예전에 있는 디자인으로 확인하실 수도 있습니다

그러면 위 그림과 같이 Color Picker 창이 뜨는데요 여기에서 예전 방식으로 포토샵 RGB 및 색상 코드 값을 확인해 보실 수 있습니다~ insert your color code 항목에 원하시는 색상 코드를 입력 하시고 go 버튼을 눌러서 원하는 색상으로 선택해 주시면 되겠습니다!

그리고 상단에 있는 color names 메뉴버튼을 클릭해보시면 원하는 색상별로 명도나 채도값을 다르게한 여러가지 다양한 색상을 추가로 확인해 주실 수 있습니다

물론 원색과 비슷한 여러가지 유사색들도 볼 수 있기 때문에 여러가지 비교를 할 수 있다는 점에서 매우 편리한 기능입니다 

그리고 마지막으로 상단 메뉴바에서 convert color format 메뉴가 있는데요 이 기능을 이용하면 위에서 선택해준 색상코드를 RGB 또는 HSV , HSL 포맷 등으로 변환해주실 수 있습니다 

위 그림에서 보시는것처럼 HEX 항목 또는 RGB 항목에 값을 입력해주시고 GO 버튼을 눌러주시면 하단에 색상이 변환되서 값이 출력되게 되는 것이지요 ㅎㅎ

이상으로 html 색상표 코드 확인하는 방법에 대해서 간단하게 알아봤습니다~ 물론 전문가들도 기계가 아닌이상 모든 색상표를 외우지는 못하기 때문에 해당 사이트를 이용하는 경우가 많은데요 여러분들도 웹디자인 관련 작업을 하고 계시다면 위 사이트에서 편리하게 이용해 보시는 것을 추천드립니다~ 그럼 오늘도 유용한 정보 되었길 바라면서 다음 시간에 또 찾아뵙도록 하겠습니다