HTML 컬러 코드를 모르실 경우 확인하는 방법

 HTML 컬러 코드 확인 방법

종종 어떤 웹페이지를 보거나 그림을 보다가 내가 딱 찾아헤매던 그런 색상이다 싶으신데 컬러 코드를 모르는 경우 매우 유용한 사이트 입니다. 물론 이 사이트 말고도 많은 곳에서 안내를 해주고 있습니다. 저는 주로 아래 2개의 사이트를 이용합니다.

첫번째로 이곳을 활용합니다. 마치 컴퓨터의 그림판 프로그램과 비슷한 색감과 모양을 하고 있어 좀더 익숙한 면이 있습니다. 한가지 단점이라면 원래 Html에 넣을때는 #을 같이 넣어야 하는데 여기서는 #과 색상번호를 분리해놔서 복사해서 붙여넣기 하실 때에는 반드시 네모칸의 색상번호를 복사하시고 #을 앞에 붙여 넣으셔야 합니다.

원하는 색상을 클릭하면 화면하단에 색상표가 출력됩니다.

 

두번째로는 이곳을 활용하는데 저는 이곳이 좀더 보기 편하고 간편한 화면을 하고 있어서 좀더 선호하는 곳입니다. 색상을 선택할 때에도 그냥 컬러 네모 부분을 클릭하시면 하단에 컬러 코드가 표시됩니다. 더욱더 편리한 점은 컬러코드에 #이 자동으로 붙어서 복사하기가 되어 무척이나 편리합니다.

홈페이지 소스나 코딩 작업을 하실 때 컬러 코드가 필요한 경우 활용해 보세요.